码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 contenteditable属性

时间:2015-08-13 00:56:47      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:

HTML5 contenteditable属性:

此属性指定元素内容是否可编辑。

当元素中没有设置contenteditable属性时,元素将从父元素继承。

语法结构:

<element contenteditable="true|false">

浏览器支持:

(1).IE浏览器支持此属性。

(2).谷歌浏览器支持此属性。

(3).火狐浏览器支持此属性。

(4).Safari浏览器支持此属性。

(5).Opera浏览器支持此属性。

HTML4.01与HTML5之间的差异:

contenteditable属性是HTML5新增的。

属性值:

描述
true 指定元素是可编辑的
false 指定元素是不可编辑的

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style>
.antzone{
  width:200px;
  height:100px;
  background:#CCC;
  text-align:center;
  line-height:100px;
}
</style>
</head>
<body>
<div class="antzone" contenteditable="true">div教程</div>
</body>
</html>

将div的contenteditable属性值设置为true以后,就可以直接编辑div中的内容。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0618/4622.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10040

HTML5 contenteditable属性

标签:

原文地址:http://www.cnblogs.com/nulifendou/p/4725913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!