HTML contenteditable 属性

contenteditable 属性是 HTML5 中的新属性，所有的主流浏览器都支持 contenteditable 属性。

contenteditable 属性规定了元素内容是否可编辑。

* 如果元素未设置contenteditable 属性，那么元素会从其父元素继承该属性。

 

语法：

<element contenteditable="true|false">

属性值为 true 时规定元素内容可编辑，为 false 时规定元素内容不可被编辑。

 

实例：

<p contenteditable="true">这是一个可以编辑的文本内容。</p>

 

另外 select 标签如果加上 contenteditable 属性的话会阻止下拉

<select name="" id="se1" contenteditable="true">
      <option value=""></option>
      <option value="1">属性值为true的时候阻止下拉</option>
      <option value="2">属性值为false的时候不阻止</option>
</select>

 contenteditable 是存在浏览器的兼容性问题。在火狐浏览器下，会阻止下拉，谷歌却不会。 2017-02-16  10:24:21

编辑时回车，会在元素里面自动添加 <br />标签；