Rumah > Artikel > hujung hadapan web > HTML 之 ContentEditable 属性
HTML 之 ContentEditable 属性
- Guanhuiasal
- 2020-05-22 09:59:073343semak imbas
HTML中的contentEditable的属性可以打开某些元素的可编辑状态，也许你没用过contentEditable属性，甚至从未听说过，contentEditable的作用相当神奇，可以让div或整个网页，以及span等等元素设置为可写。我们最常用的输入文本内容便是input与textarea，使用contentEditable属性后，可以在div,table,p,span,body,等等很多元素中输入内容。
注： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。
浏览器支持
| 浏览器 | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 版本 | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
注：contenteditable 属性是 HTML5 新增的。
语法
<element contenteditable="true|false">
属性值
| 值 | 描述 |
|---|---|
| true | 指定元素是可编辑的 |
| false | 指定元素是不可编辑的 |
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ContentEditable</title>
</head>
<body>
<div contenteditable="true">
你好！世界！
</div>
</body>
</html>
推荐教程：《HTML教程》
Atas ialah kandungan terperinci HTML 之 ContentEditable 属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML怎么实现下拉菜单Artikel seterusnya：自学 HTML5 要多久