hi,欢迎访问本站!
当前位置: 首页Web前端正文

如何设置DIV可编辑内容

墨初 Web前端 636阅读

在前端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>
标签:
声明:无特别说明,转载请标明本文来源!
相关推荐