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