如何设置DIV可编辑内容
墨初 Web前端 912阅读
在前端web页面中,如果将DIV元素的 contenteditable 属性的值设置为 true,那么这个DIV元素中的内容是可以被编辑的,下面是使用方法,供参考。
HTML contenteditable 属性
contenteditable:规定元素内容是否可编辑,默认为 false,设置为 true ,则表示元素内的内容可以被编辑
语法:
<element contenteditable="true|false">
例:
<div contenteditable="true">这是可以被编辑的</div>
div元素内容设置可编辑的方法
只需要将DIV元素内的 contenteditable 属性设置为 true 即可!
例:
<style> div{ width: 300px; height: 100px; margin-bottom: 10px; border:1px solid red; padding: 10px; } </style> <div> 我是不可编辑的! </div> <div contenteditable="true"> 我是可以被编辑的! </div> <p>73SO http://73so.com</p>