ContentEditable属性
ContentEditable属性在HTML5中是新的。
它指定元素的内容是可编辑的。
这是一个枚举属性,其关键字是空字符串,true和false。
空字符串和真实关键字映射到真实状态。
错误的关键字映射到错误状态。
此外,存在第三个状态,继承状态,这是缺失的值默认值(以及无效的值默认值)。
浏览器支持
所有主要浏览器都支持它。
HTML5 ContentEditable属性语法
<element contenteditable="true|false|inherit">
当我们将ContentEditable添加到元素时,浏览器将成为该元素可编辑。
此外,除非子元素是明确的ContentEditaity ="False",否则该元素的任何子项也将成为可编辑的。
HTML5 ContentEditable属性示例
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"
<title>Script Tag</title>
</head>
<body>
<h2> HTML5 Contenteditable 属性示例 </h2>
<button onclick="document.execCommand('bold',false,null);">Bold</button>
<button onclick="document.execCommand('italic',false,null);">Italic</button>
<button onclick="document.execCommand('underline',false,null);">Underline</button>
Onitroad?<br>
onitroad是一个学习的
</body>
</html>
日期:2020-04-11 23:04:03 来源:oir作者:oir
