HTML 屬性你都懂了嗎

web全棧發表於2019-10-09
HTML

所有HTML屬性列表：

屬性 所屬元素 描述
accept <input> 指定伺服器接受的檔案型別(僅適用於type="file")
accept-charset <form> 指定用於表單提交的字元編碼
accesskey 全域性屬性 指定啟用/焦點元素的快捷鍵
action <form> 指定在提交表單時將表單資料傳送到何處
align HTML5不支援，使用CSS代替 根據周圍的元素指定對齊方式。
alt <area>,  <img>, <input> 當原始元素無法顯示時，指定一個替代文字
async <script> 指定指令碼非同步執行(僅用於外部指令碼)
autocomplete <form>,  <input> 指定<form> 或 the <input> 元素是否啟用自動補全功能
autofocus <button>,  <input>,  <select>, <textarea> 指定當頁面載入時，元素應自動獲得焦點
autoplay <audio>,  <vedio> 指定音訊/視訊一準備好就開始播放
bgcolor HTML5不支援，使用CSS代替 指定元素的背景顏色。
border HTML5不支援，使用CSS代替 指定元素邊界的寬度。
charset <meta>,  <script> 指定字元編碼
checked <input> 指定一個<input>當頁面載入時，元素應該被預先選中(對於type="checkbox"或type="radio")
cite <blockquote>,  <del>,  <ins>,  <q> 指定解釋引用/刪除/插入文字的URL
class 全域性屬性 為元素指定一個或多個類名(引用樣式表中的類)
color HTML5不支援，使用CSS代替 指定元素的文字顏色。
cols <textarea> 指定文字區域的可見寬度
colspan <td>, <th> 指定表單元格應該跨越的列數
content <meta> 給出與http-equiv或name屬性關聯的值
contenteditable 全域性屬性 指定元素的內容是否可編輯
controls <audio>, <video> 指定顯示音訊/視訊控制元件(如播放/暫停按鈕等)
coords <area> 指定區域的座標
data <object> 指定物件要使用的資源的URL
data-* 全域性屬性 用於將自定義資料儲存到頁面或應用程式
datetime <del>, <ins>, <time> 指定日期和時間
default <track> 指定如果使用者的首選項不表明，另一個跟蹤更合適，則啟用跟蹤
defer <script> 指定在頁面完成解析時執行指令碼(僅用於外部指令碼)
dir 全域性屬性 指定元素中內容的文字方向
dirname <input>, <textarea> 指定將提交文字方向
disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> 指定應禁用指定的元素/元素組
download <a>, <area> 指定當使用者單擊超連結時將下載目標
draggable 全域性屬性 指定元素是否可拖動
dropzone 全域性屬性 指定拖放時是否複製、移動或連結拖放的資料
enctype <form> 指定將表單資料提交給伺服器時應如何對其進行編碼(僅適用於方法="post")
for <label>, <output> 指定標籤/計算繫結到哪個表單元素
form <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> 指定元素所屬的表單的名稱
formaction <button>, <input> 指定在提交表單時將表單資料傳送到何處，只針對type="submit"
headers <td>, <th> 指定與單元格相關的一個或多個標頭單元格
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 指定元素的高度
hidden 全域性屬性 指定元素尚未相關或不再相關
high <meter> 指定被認為是高值的範圍
href <a>, <area>, <base>, <link> 指定連結指向的頁面的URL
hreflang <a>, <area>, <link> 指定連結文件的語言
http-equiv <meta> 為內容屬性的資訊/值提供HTTP標頭
id 全域性屬性 為元素指定唯一id
ismap <img> 將映像指定為伺服器端映像對映
kind <track> 指定文字跟蹤的型別
label <track>, <option>, <optgroup> 指定文字跟蹤的標題
lang 全域性屬性 指定元素內容的語言
list <input> 為<input> 元素預定義一個可選的列表指向一個<datalist>元素
loop <audio>, <video> 指定音訊/視訊每次結束時將重新開始（迴圈播放）
low <meter> 指定被認為是低值的範圍
max <input>, <meter>, <progress> 指定最大值
maxlength <input>, <textarea> 指定元素中允許的最大字元數
media <a>, <area>, <link>, <source>, <style> 指定連結文件優化的媒體/裝置
method <form> 指定傳送表單資料時使用的HTTP方法
min <input>, <meter> 指定最小值
multiple <input>, <select> 指定使用者可以輸入多個值
muted <audio>, <video> 指定應將視訊的音訊輸出靜音
name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> 指定元素的名稱
novalidate <form> 指定提交時不應驗證該表單
onabort <audio>, <embed>, <img>, <object>, <video> 要在abort上執行的指令碼
onafterprint <body> 列印文件後執行的指令碼
onbeforeprint <body> 在列印文件之前執行的指令碼
onbeforeunload <body> 在文件即將解除安裝時執行的指令碼
onblur 所有可見元素 當元素失去焦點時執行的指令碼
oncanplay <audio>, <embed>, <object>, <video> 當檔案準備好開始播放時(當它已經緩衝到可以開始播放時)執行的指令碼
oncanplaythrough <audio>, <video> 指令碼執行時，一個檔案可以一直播放到結束，沒有暫停緩衝
onchange 所有可見元素 當元素的值改變時執行的指令碼
onclick 所有可見元素 在單擊元素時執行的指令碼
oncontextmenu 所有可見元素 在觸發上下文選單時執行的指令碼
oncopy 所有可見元素 在複製元素內容時執行的指令碼
oncuechange <track> 指令碼將線上索發生變化時執行;元素
oncut 所有可見元素 在刪除元素內容時執行的指令碼
ondblclick 所有可見元素 在雙擊元素時執行的指令碼
ondrag 所有可見元素 當元素被拖動時執行的指令碼
ondragend 所有可見元素 在拖動操作結束時執行的指令碼
ondragenter 所有可見元素 當元素被拖拽到一個有效的drop目標時執行的指令碼
ondragleave 所有可見元素 當元素離開有效的drop目標時執行的指令碼
ondragover 所有可見元素 當元素被拖放到一個有效的drop目標上時執行的指令碼
ondragstart 所有可見元素 在拖動操作開始時執行的指令碼
ondrop 所有可見元素 在刪除拖動元素時要執行的指令碼
ondurationchange <audio>, <video> 當媒體長度改變時要執行的指令碼
onemptied <audio>, <video> 當出現問題，檔案突然不可用(比如意外斷開連線)時執行的指令碼
onended <audio>, <video> 指令碼將在媒體到達終端時執行(對於像“感謝您的傾聽”這樣的訊息來說，這是一個有用的事件)
onerror <audio>, <body>, <embed>, <img>, <object>, <link>, <script>, <video> 指令碼將在出現錯誤時執行
onfocus 所有可見元素 當元素獲得焦點時執行的指令碼
onhashchange <body> 當URL的錨點部分發生更改時執行的指令碼
oninput 所有可見元素 當元素獲得使用者輸入時執行的指令碼
oninvalid 所有可見元素 當元素無效時執行的指令碼
onkeydown 所有可見元素 當使用者按下鍵時執行的指令碼
onkeypress 所有可見元素 當使用者按下一個鍵時執行的指令碼
onkeyup 所有可見元素 當使用者釋放鍵時執行的指令碼
onload <body>, <iframe>, <img>, <link>, <script>, <style> 當元素完成載入時執行的指令碼
onloadeddata <audio>, <video> 載入媒體資料時要執行的指令碼
onloadedmetadata <audio>, <video> 在載入後設資料(如維度和音延)時執行的指令碼
onloadstart <audio>, <video> 指令碼將在實際載入任何內容之前開始載入檔案時執行
onmousedown 所有可見元素 在元素上按下滑鼠按鈕時執行的指令碼
onmousemove 所有可見元素 只要滑鼠指標在元素上移動，指令碼就會執行
onmouseout 所有可見元素 當滑鼠指標移出元素時執行的指令碼
onmouseover 所有可見元素 當滑鼠指標移動到元素上時執行的指令碼
onmouseup 所有可見元素 在元素上釋放滑鼠按鈕時執行的指令碼
onmousewheel 所有可見元素 當滑鼠滾輪在元素上滾動時執行的指令碼
onoffline <body> 指令碼將在瀏覽器開始離線工作時執行
ononline <body> 指令碼將在瀏覽器開始聯機工作時執行
onpagehide <body> 當使用者從頁面中導航時執行的指令碼
onpageshow <body> 當使用者導航到頁面時執行的指令碼
onpaste 所有可見元素 當使用者在元素中貼上一些內容時執行的指令碼
onpause <audio> <video> 當使用者暫停或以程式設計方式暫停媒體時執行的指令碼
onplay <audio> <video> 當媒體開始播放時要執行的指令碼
onplaying <audio> <video> 當媒體播放中要執行的指令碼
onpopstate <body> 視窗的歷史記錄更改時執行的腳步
onprogress <audio> <video> 在瀏覽器正在獲取媒體資料的過程中執行的指令碼
onratechange <audio> <video> 每次回放速率改變時(如使用者切換到慢動作或快進模式時)執行的指令碼。
onreset <form> 當單擊窗體中的重置按鈕時執行的指令碼。
onresize <body> 指令碼將在瀏覽器視窗調整大小時執行。
onscroll 所有可見元素 在滾動元素的滾動條時執行的指令碼
onsearch <input> 當使用者在搜尋欄位中寫入內容時執行的指令碼(為 <input="search">)
onseeked <audio> <video> 重新定位媒體播放的位置完成後觸發的指令碼，表示定位已經結束
onseeking <audio> <video> 重新定位媒體中這段時間觸發，（比如要拖動視訊的播放進度）
onselect 所有可見元素 選擇元素時要執行的指令碼
onstalled <audio> <video> 指令碼將在瀏覽器因任何原因無法獲取媒體資料時執行
onstorage <body> 更新Web Storage區域時要執行的指令碼
onsubmit <form> 提交表單時要執行的指令碼
onsuspend <audio> <video> 無論出於什麼原因，在媒體資料完全載入之前，將停止在獲取媒體資料時執行的指令碼
ontimeupdate <audio> <video> 指令碼將在播放位置發生變化時執行(如使用者快進到媒體中的不同位置時)
ontoggle <details> 當使用者開啟或關閉<details>元素時候執行的指令碼
onunload <body> 在解除安裝頁面(或關閉瀏覽器視窗)時執行的指令碼
onvolumechange <audio> <video> 每次更改視訊/音訊的音量時要執行的指令碼
onwaiting <audio> <video> 指令碼將在媒體暫停但預期恢復時執行(如媒體暫停以緩衝更多資料時)
onwheel 所有可見元素 當滑鼠滾輪在元素上或下滾動時執行的指令碼
open <details> 指定細節應該對使用者可見(開啟)
optimum <meter> 指定度量的最優值是什麼
pattern <input> 指定一個正規表示式，該正規表示式由一個<input>對元素的值進行檢查
placeholder <input>, <textarea> 指定描述元素期望值的簡短提示
poster <video> 指定在視訊下載或使用者點選播放按鈕之前顯示的影象
preload <audio>, <video> 指定當頁面載入時，作者是否以及如何認為應該載入音訊/視訊
readonly <input>, <textarea> 指定元素是隻讀的
rel <a>, <area>, <link> 指定當前文件和連結文件之間的關係
required <input>, <select>, <textarea> 指定元素必須在提交表單之前填寫
reversed <ol> 指定列表順序應該是降序的(9、8、7…)
rows <textarea> 指定文字區域中可見的行數
rowspan <td>, <th> 指定表單元格應該跨越的行數
sandbox <iframe> 為<iframe>中的內容設定額外的限制;
scope <th> 指定標頭單元格是列、行還是列或行組的標頭
selected <option> 指定在頁面載入時應預先選擇一個選項
shape <area> 指定區域的形狀
size <input>, <select> 指定寬度，以字元為單位(用於<input>)或指定可見選項的數量(用於<select>)
sizes <img>, <link>, <source> 指定連結資源的大小
span <col>, <colgroup> 指定要跨的列的數量
spellcheck 全域性屬性 指定是否檢查元素的拼寫和語法
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> 指定媒體檔案的URL
srcdoc <iframe> 指定要在<iframe>中顯示的頁面的HTML內容;
srclang <track> 指定音軌文字資料的語言(如果kind="subtitle"是必須的)
srcset <img>, <source> 指定在不同情況下使用的影象的URL
start <ol> 指定有序列表的起始值
step <input> 指定輸入欄位的合法數字間隔
style 全域性屬性 為元素指定內聯CSS樣式
tabindex 全域性屬性 指定元素的製表順序
target <a>, <area>, <base>, <form> 指定在何處開啟連結文件或在何處提交表單的目標
title 全域性屬性 指定關於元素的額外資訊
translate 全域性屬性 指定元素的內容是否應該翻譯
type <button>, <embed>, <input>, <link>, <object>, <script>, <source>, <style> 指定元素的型別
usemap <img>, <object> 將映像指定為客戶端映像對映
value <button>, <input>, <li>, <option>, <progress>, <param> 指定元素的值
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 指定元素的寬度
wrap <textarea> 指定在表單中提交文字區域中的文字如何包裝


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69942367/viewspace-2659136/，如需轉載，請註明出處，否則將追究法律責任。

相關文章