Home > Article > Web Front-end > HTML ContentEditable attribute
HTML ContentEditable attribute
- GuanhuiOriginal
- 2020-05-22 09:59:073343browse
The contentEditable attribute in HTML can turn on the editable state of certain elements. Maybe you have never used the contentEditable attribute, or even heard of it. The contentEditable function is quite magical. It can make a div or an entire web page. And span and other elements are set to be writable. Our most commonly used input text content is input and textarea. After using the contentEditable attribute, you can enter content in div, table, p, span, body, and many other elements.
Note: When the contenteditable attribute is not set in the element, the element will inherit from the parent element.
Browser support
| Browser | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
Note: The contenteditable attribute is new to HTML5.
Syntax
<element contenteditable="true|false">
Attribute value
| Description | |
|---|---|
| Specifies that the element is editable | |
| The specified element is not editable |
Example
<!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 Tutorial"
The above is the detailed content of HTML ContentEditable attribute. For more information, please follow other related articles on the PHP Chinese website!