contentEditable屬性設置是否可編輯元素的內容


在HTML5中在標簽新添加了一個屬性contentEditable可以設置標簽內的內容是否可以編輯:

設置contenteditable="true"標簽內的元素(內容)可以編輯

 1 <!DOCTYPE HTML>
 2 <html>
 3 <body>
 4 
 5 <div contenteditable="true">這是一段可編輯的段落。請試着編輯該文本。</div>
 6 <p contenteditable="true">這是一段可編輯的段落。請試着編輯該文本。</p>
 7 
 8 <ul>
 9     <li contenteditable="true">
10         <p >這是一段可編輯的段落。請試着編輯該文本。</p>
11     </li>
12 </ul>
13 
14 </body>
15 </html>

如果不設置contenteditable的值默認為false,不可以編輯的元素。

 

更詳細介紹:http://www.w3school.com.cn/html5/att_global_contenteditable.asp

測試地址地址:http://www.w3school.com.cn/tiy/t.asp?f=html5_global_contenteditable

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM