标签：contenteditable 元素 值为 H5 --- 编辑 浏览器 属性

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 是存在浏览器的兼容性问题。在火狐浏览器下，会阻止下拉，谷歌却不会。

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

标签：contenteditable,元素,值为,H5,---,编辑,浏览器,属性
来源： https://www.cnblogs.com/leiyanting/p/15270587.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。