ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

H5核心基础---contenteditable规定了元素内容是否可编辑

2021-09-15 08:02:35  阅读:11  来源: 互联网

标签: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

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有