在web页面中,如果要输入内容,就需要使用 input 或 textarea 元素,但它们只能输入或显示纯文本的内容,无论对一个带有CSS样式的内容进行显示或手机编辑的,所以DIV元素就提供了一个可编辑内容的属性 contenteditable 。
HTML contenteditable 属性
contenteditable 属性规定元素内容是否可编辑,默认为 false,如果设置为 true ,则表示元素内的内容可以被编辑
语法:
<element contenteditable="true|false">
例:
<p contenteditable="true">这是一个可编辑的段落。</p>
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> http://feiniaomy.com</p>
运行结果:
到此这篇关于div设置可编辑内容的方法就介绍到这了。争分夺秒巧复习,勤学苦练创佳绩攀蟾折桂,舍我其谁更多相关div设置可编辑内容的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!