·您当前的位置:首页 > 技术教程 > 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> 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器