首頁  >  文章  >  web前端  >  HTML5學習筆記簡明版(8):新增的全域屬性

HTML5學習筆記簡明版(8):新增的全域屬性

黄舟
黄舟原創
2017-01-21 17:04:281629瀏覽

contenteditable屬性

任何元素使用contenteditable屬性的話,代表該元素是一個可編輯的區域。使用者可以改變元素的內容以及操作標記。例如:

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

該屬於有3種值可選:true, false和空字符,空字符代表true。

而對框架頁面可以透過JS程式碼來實現:editor.document.designMode="on" 。

contextmenu屬性

contextmenu屬性用來指向一個作者提供的上下文目錄,例如:

<form name="npc" action="">
 <label>Character name: <input type=text contextmenu=namemenu  required></label>
 <menu type=context id=namemenu>
  <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
  <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
 </menu>
</form>

資料

<p draggable="true" dropzone="div1">test</p>

屬性,只要他們在其之前加上data- 的前綴,以此避免與未來的HTML版本的衝突,asp.net MVC下的jQuery驗證就是採用這種方式,例如:data-val=”true」。

draggable和dropzone屬性

draggable 和 dropzone 屬性可以與新的拖放API一起使用,draggable為是否允許拖放,dropzone代表可以拖放到哪個區域。

<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

hidden屬性

不顯示定義了hidden屬性的元素。但與表現層的例如tab切換隱藏圖層不同,hidden後的元素針對所有的顯示,例如螢幕閱讀器。與form裡的hidden域相似。

role和aria-*屬性

HTML5把WAI-ARIA當作是合法的語言增加,用來做輔助作用。

spellcheck屬性

spellcheck 屬性規定是否對元素內容進行拼字檢查。例如:🎜
<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

以上就是HTML5学习笔记简明版(8):新增的全局属性的内容,更多相关内容请关注PHP中文网(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn