HTML5之内容可以编辑

<!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功效相同,表示元素的内容可以编辑。

HTML5之内容可以编辑_第1张图片









你可能感兴趣的:(html5,div)