HTML5它contenteditable属性

HTML5它contenteditable属性

1、功能说明

(1)功能:同意用户编辑元素中的内容

(2)说明:是一个布尔值。false是不能编辑,true为可编辑

2、分析实例

(1)contenteditable属性为false

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>contentEditable</title>
</head> <ul contenteditable="false">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>

(2)contenteditable属性为true

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>contentEditable</title>
</head> <ul contenteditable="true">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>

3、实例结果

(1)contenteditable属性为false

HTML5它contenteditable属性

(2)contenteditable属性为true

HTML5它contenteditable属性

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW91MjNoYWk0NQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" width="710" height="307" border="1" alt="">

HTML5它contenteditable属性

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW91MjNoYWk0NQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" width="710" height="94" border="1" alt="">

版权声明:本文博客原创文章,博客,未经同意,不得转载。

上一篇:uva 10003 Cutting Sticks(区间DP)


下一篇:REDIS 缓存的穿透,雪崩和热点key