Loading... ```html <div contenteditable="true">可以编辑里面的内容</div> ``` 如果你在BODY里面加上contenteditable="true",可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。 contenteditable属性兼容所有浏览器(IE6之前的版本是否兼容未测试) 在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果,例如,在使用ajax的时候,在提交表单时我们可以获取DIV的内容。 细心的人会发现,QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框。 **Div+CSS如何模拟textarea文本域高度自适应以达到html5标准的contenteditable属性** 主要通过为标签添加HTML5中的contenteditable属性达到此效果(contenteditable:规定是否允许用户编辑内容),很棒的是,此属性IE也会支持,所以不用再为兼容问题太去纠结了。 ## 浏览器支持 所有主流浏览器都支持 contenteditable 属性 --- ## 定义和用法 contenteditable 属性指定元素内容是否可编辑。 **注意:** 当元素中没有设置 contenteditable 属性时,元素将从父元素继承。 --- ## HTML 4.01 与 HTML5之间的差异 contenteditable 属性是 HTML 新增的。 --- ## 语法 <*element* contenteditable="true|false"> ## 属性值 | 值 | 描述 | | ------- | ---------------------- | | true | 指定元素是可编辑的 | | false | 指定元素是不可编辑的 | 最后修改:2021 年 11 月 07 日 © 允许规范转载 打赏 赞赏作者 微信 赞 0 如果觉得我的文章对你有用,请随意赞赏