·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]html5新特性:让内容可以自由编辑

时间:2017-06-23 17:09酷播
[html5]html5新特性:让内容可以自由编辑

新的浏览器拥有一个可以应用于元素中的漂亮的新属性,这就是contenteditable。就像名字所表示的,它允许用户去改变元素中包含的任何文字,包括它的子对象。这个属性的用途很多,包括简单的to-do list应用。

  1. <!DOCTYPE html>  
  2. <html lang="en">   
  3. <head>   
  4. <meta charset="utf-8">   
  5. <title>untitled</title>   
  6. </head>   
  7. <body>   
  8.     <h2> To-Do List </h2>   
  9.      <ul contenteditable="true">   
  10.         <li> Break mechanical cab driver. </li>   
  11.         <li> Drive to abandoned factory    
  12.         <li> Watch video of self </li>   
  13.      </ul>   
  14. </body>  
  15. </html>   

 

热门文章推荐

请稍候...

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

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