contentEditable
————————————————————————————————————————————————————————
功能：允許使用者編輯元素中的內容。
功能說明：
該元素必須是可以獲得滑鼠焦點的元素，而且在點選滑鼠後要向使用者提供一個插入符號，提示使用者該元素中的內容允許編輯。
注意： contentEditable是一個布林型別屬性，因此可以將其設定為true或false。
說明：該屬性還有個隱藏的inherir（繼承）狀態，屬性為true時，元素被指定位允許編輯；屬性為false時，元素被指定為不允許編輯；未指定true或false時，則由inherir狀態來決定，如果元素的父元素是可編輯的，則該元素就是可編輯的。另外，除了contentEditable屬性外，元素還具有一個iscontentEditable屬性，當元素可編輯時，該屬性為true；當元素不可編輯時，該屬性為false。
designMode
————————————————————————————————————————————————————————
功能：用來指定整個頁面是否可編輯，當頁面可編輯時，頁面中任何支援上文所述的contentEditable屬性的元素都變成了可編輯
狀態。
注意：designMode屬性只能在JavaScript指令碼里被編輯修改。designMode屬性的兩個值：該屬性有兩個值——“on”與
“off”。當屬性被指定為“on”時，頁面可編輯；被指定為“off”時，頁面不可編輯。
使用JavaScript指令碼來指定designMode屬性的方法如下所示：document.designMode=”on”。
hidden
————————————————————————————————————————————————————————
適用範圍：在HTML5中，所有的元素都允許有一個hidden
作用：hidden屬性類似於aria-hidden，它告訴瀏覽器這個元素的內容不應該以任何方式顯示。但是元素中的內容還是瀏覽器建立的
，也就是說頁面裝載後允許使用JavaScript指令碼將該屬性取消，取消後該元素變為可見狀態，同時元素中的內容也即時顯示出來。
型別：Hidden屬性是一個布林值的屬性，當設為true時，元素處於不可見狀態；當設為false時，元素處於可見狀態。
spellcheck
————————————————————————————————————————————————————————
適用範圍：spellcheck屬性 是HTML5針對input元素（type=text）與textarea這兩個文字輸入框提供的一個新屬性
功能：為對使用者輸入的文字內容進行拼寫和語法檢查。
型別：Spellcheck屬性是布林型 ，具體true和false兩種值，但是它在書寫時有一個特殊的地方，就是必須明確宣告屬性值為
true或false，書寫方法如下所示：
|
1
2
3
4
5
6
7
8
9
|
<!--以下兩種書寫方法正確--><textarea spellcheck="true"><input type=text spellcheck=false /><!--以下書寫方法為錯誤--><textarea spellcheck > |
注意：如果元素的readOnly屬性或disabled屬性設為true，則不執行拼寫檢查。
tabindex
————————————————————————————————————————————————————————
Tabindex是開發中的一個基本概念，當不斷敲擊Tab鍵讓視窗或頁面中的控制元件獲得焦點，對視窗或頁面中的所有控制元件進行遍歷的時候，每一個控制元件的tabindex 表示該控制元件是第幾個被訪問到的。
tabindex屬性還有另外一個作用。在預設情況下，只有連結、表單元素和影像對映區域可以通過鍵盤獲得焦點。如果對其他元素使用tabindex屬性後，也能讓改元素獲得焦點，那麼當指令碼中執行focus()語句的時候，就可以讓該元素獲得焦點了。但是這樣做會產生一個副作用：該元素也可以通過Tab鍵獲得焦點，而這又時可能不是開發者想要的結果。把元素的tabindex值設為負數（通常為-1）後就解決這個問題了。Tabindex的值為負數後，仍然可以通過程式設計的方式讓元素獲得焦點，但按下Tab鍵時該元素就不能獲得焦點了，這在複雜的頁面中或複雜的Web應用程式中時十分有用的。在HTML4中，-1是一個無用的屬性值，但到了HTML5中，通過巧妙地運用讓改屬性值得到了極大地應用。