本章节通过代码实例简单介绍一下contenteditable属性的用法。
之前,只有input和textarea的内容才是可以编辑的,但是此属性的出现,让更多元素的内容可以进行编辑。
代码实例如下:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
|
<!DOCTYPE html><
html
>
<
head
>
<
meta
charset
=
" utf-8"
>
<
title
>蚂蚁部落</
title
>
<
style
type
=
"text/css"
>
div{
width:200px;
height:150px;
border:1px solid black;
}
</
style
>
</
head
>
<
body
>
<
div
contenteditable
=
"true"
>蚂蚁部落欢迎您</
div
>
</
body
>
</
html
>
|
上面的代码中,div是可以编辑的,非常简单。
原文发布时间为:2017-3-25
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落