设置contenteditable属性可编辑HTML标签的内容

时间:2014-01-29所属栏目: Html+css 来源: 热度:

有些Weber可能没有用过contenteditable这个属性,如果想编辑一个DIV里面的内容,这个属性是一个非常不错的选择。

<div contenteditable="true">可以编辑里面的内容</div>

如果你在BODY里面加上contenteditable="true",可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。


contenteditable属性兼容所有浏览器(IE6之前的版本是否兼容未测试)


在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果,例如,在使用ajax的时候,在提交表单时我们可以获取DIV的内容。


细心的人会发现,QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框。

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)