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 />標簽；