div设置可编辑内容的方法

雨后的草原,野花竞放,像一块刚浸过水的花头巾,连露珠儿也都是五颜六色的了!一条条小河宛如蓝色的缎带缠绕着一望无际的绿色田野,远处一座座造型古朴、色彩和谐的小屋,一派美丽动人的田园风光!

在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设置可编辑内容的方法就介绍到这了。争分夺秒巧复习,勤学苦练创佳绩攀蟾折桂,舍我其谁更多相关div设置可编辑内容的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

DIV拖拽排序的JS插件sortable.javascript

CSS如何实现不换行/自动换行/超出隐藏显示省略号的方法