html5之contenteditable属性

HTML 5 contentEditable 属性

 

   -------- 规定是否可编辑元素的内容。

 

 

 

<p contenteditable="true">本段文字可以编辑</p>

 

 

属性值：

 

• true   -----可以编辑元素的内容
• false  -----无法编辑元素的内容
• inherit -----继承父元素的contenteditable属性

 

元素还有一个isContentEditable属性，当元素可编辑时候，属性值为true| 元素不可编辑，该属性为false

 

例举一下支持contentEditable属性的元素：

 

• label
• dd
• dl
• dt
• em
• fieldset
• form
• input type=button(password|reset|submit|text|radio)
• body
• a
• button
• code
• div

 

   兼容性：

   http://caniuse.com/#search=contentEditable