accesskey
- accesskey 屬性規(guī)定激活(使元素獲得焦點)元素的快捷鍵。
- 以下元素支持 accesskey 屬性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
eg:
<a accesskey="a">百度</a>
//按下alt+a打開鏈接
class
- class 屬性規(guī)定元素的類名(classname)。
- class 屬性大多數(shù)時候用于指向樣式表中的類(class)。不過轧膘,也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
- class 屬性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title兔甘。
- 可以給 HTML 元素賦予多個 class谎碍,例如:<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素裂明。
contenteditable
- 設(shè)置元素內(nèi)容可編輯
- 如果元素未設(shè)置 contenteditable 屬性椿浓,那么元素會從其父元素繼承該屬性。
<p contenteditable="true">asdadsasdasdasdasd</p>
contextmenu
- 該屬性規(guī)定div元素的上下文菜單闽晦,點擊元素時出現(xiàn)
- 但是該元素不常用扳碍,目前值有Firefox支持該屬性
data-*
<ul>
<li data-test="aaaaa">aaaaa</li>
<li data-test="bbbbb">bbbbb</li>
<li data-test="ccccc">ccccc</li>
</ul>
<script>
const nodes=document.getElementsByTagName('li');
for(let value of nodes){
console.log(value.dataset.test)
//value.dataset.test="ddddd"進行設(shè)置
}
</script>
dir
- 規(guī)定文本方向(不常用)
- 屬性值為rtl或者ltr
- dir 屬性在以下標(biāo)簽中無效:<base>,
, <frame>, <frameset>,
, <iframe>, <param> 以及 <script>。
eg:
<p dir="rtl">Write this text right-to-left!</p>
draggable
- 設(shè)置元素可拖動
- img與a默認(rèn)可拖動
<p draggable="true">
hello world!
</p>
dropzone
- 規(guī)定在拖動是是否進行移動仙蛉、復(fù)制或鏈接
- 然而所有主流瀏覽器都不支持這個屬性
hidden
- hidden 屬性是布爾屬性笋敞。(只要設(shè)置就表示true)
- 如果設(shè)置該屬性,它規(guī)定元素仍未或不再相關(guān)荠瘪。
- 瀏覽器不應(yīng)顯示已規(guī)定 hidden 屬性的元素夯巷。
- hidden 屬性也可用于防止用戶查看元素,直到匹配某些條件(比如選擇了某個復(fù)選框)哀墓。然后趁餐,JavaScript 可以刪除 hidden 屬性,以使此元素可見篮绰。
<p hidden>這個段落應(yīng)該被隱藏后雷。</p>
id
- id 屬性規(guī)定 HTML 元素的唯一的 id。
- id 在 HTML 文檔中必須是唯一的吠各。
- id 屬性可用作鏈接錨(link anchor)臀突,通過 JavaScript(HTML DOM)或通過 CSS 為帶有指定 id 的元素改變或添加樣式。
lang
- 規(guī)定元素內(nèi)容的語言
- 語言查詢表
spellcheck
- spellcheck 屬性規(guī)定是否對元素進行拼寫和語法檢查贾漏。
- 可以對以下內(nèi)容進行拼寫檢查:
- input 元素中的文本值(非密碼)
- <textarea> 元素中的文本
- 可編輯元素中的文本
style
- style 屬性規(guī)定元素的行內(nèi)樣式(inline style)
- style 屬性將覆蓋任何全局的樣式設(shè)定候学,例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。
tabindex
- tabindex 屬性規(guī)定元素的 tab 鍵控制次序(當(dāng) tab 鍵用于導(dǎo)航時)纵散。
- 以下元素支持 tabindex 屬性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>梳码。
eg:
<a tabindex="2">W3School</a>
<a tabindex="1">Google</a>
<a tabindex="3">Microsoft</a>
title
- title 屬性規(guī)定關(guān)于元素的額外信息隐圾。
- 這些信息通常會在鼠標(biāo)移到元素上時顯示一段工具提示文本(tooltip text)。
- title 屬性常與 form 以及 a 元素一同使用边翁,以提供關(guān)于輸入格式和鏈接目標(biāo)的信息翎承。同時它也是 abbr 和 acronym 元素的必需屬性。
translate
- 用于翻譯元素內(nèi)容
- 所有主流瀏覽器都不支持該屬性
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者