其他分享
首页 > 其他分享> > H5核心基础---contenteditable规定了元素内容是否可编辑

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

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

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