在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