现在的位置: 首页 > 综合 > 正文

HTML5之内容可以编辑

2018年05月20日 ⁄ 综合 ⁄ 共 373字 ⁄ 字号 评论关闭

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>范例——内容可编辑</title>
</head>
<body>
  <fieldset>
    <legend>编辑区</legend>
    <div id="oDiv" style="min-height:100px;"
                      contenteditable="true">这里的内容可以被编辑</div>
  </fieldset>
</body>

</html>

contenteditable属性可以让元素的内容变成可以编辑的,也就是说,内容可以删除或者添加,并且可以将网页中其他元素的内容拖动到该元素中

contenteditable的值可以是true、false或者空字符串,当值是空字符串时,与值true功效相同,表示元素的内容可以编辑。

抱歉!评论已关闭.