·您当前的位置:主页 > 技术教程 > AS2与AS3技术 >

[html5]html5新功能使你的内容可以编辑

时间:2017-08-18 18:26酷播
新的浏览器拥有一个可以应用于元素中的漂亮的新属性,这就是contenteditable。就像名字所表示的,它允许用户去改变元素中包含的任何文字,包括它的子对象。

[html5]html5新功能使你的内容可以编辑

新的浏览器拥有一个可以应用于元素中的漂亮的新属性,这就是contenteditable。就像名字所表示的,它允许用户去改变元素中包含的任何文字,包括它的子对象。这个属性的用途很多,包括简单的to-do list应用。
<!DOCTYPE html>
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>untitled</title> 
</head> 
<body> 
    <h2> To-Do List </h2> 
     <ul contenteditable="true"> 
        <li> Break mechanical cab driver. </li> 
        <li> Drive to abandoned factory  
        <li> Watch video of self </li> 
     </ul> 
</body>
</html> 
下面是把引号去掉的代码写法<ul contenteditable=true> 

热门文章推荐

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器