萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html5內容可編輯技巧是什麼

html5內容可編輯技巧是什麼

HTML5其中一個非常強大的功能就是“contenteditable”,顧名思義它將允許用戶編輯元素(包括他的子元素)內包含的任何文本內容。它的用途非常廣,如,簡單的任務清單或是基於wiki的站點也非常實用,此外,它還有一個優勢就是利用了本地的存儲。下面我們給大家介紹一下html5內容可編輯技巧吧!

  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>

html5內容可編輯技巧的精彩內容就先到這裡。更多精彩內容,還請大家持續關注精品。

相關推薦:

html5新的文檔類型技巧介紹

 

copyright © 萬盛學電腦網 all rights reserved