HTML 屬性 參考
HTML 屬性參考
下表列出了所有 HTML 屬性及其可用的元素。
| Attribute | 所屬 | 描述 |
|---|---|---|
| accept | <input> | 指定伺服器接受的檔案型別(僅用於 type="file") |
| accept-charset | <form> | 指定用於表單提交的字元編碼 |
| accesskey | 全域性屬性 | 指定啟用/聚焦元素的快捷鍵 |
| action | <form> | 指定提交表單資料時傳送到的位置 |
| align | HTML5 中不支援。 | 根據周圍元素指定對齊方式。請改用 CSS。 |
| alt | <area>, <img>, <input> | 當原始元素無法顯示時指定備用文字 |
| async | <script> | 指定指令碼是非同步執行的(僅適用於外部指令碼) |
| autocomplete | <form>, <input> | 指定是否為 <form> 或 <input> 元素啟用自動完成 |
| autofocus | <button>, <input>, <select>, <textarea> | 指定當頁面載入時元素應自動獲得焦點 |
| autoplay | <audio>, <video> | 指定音訊/影片一準備好即開始播放 |
| bgcolor | HTML5 中不支援。 | 指定元素的背景顏色。請改用 CSS。 |
| border | HTML5 中不支援。 | 指定元素邊框的寬度。請改用 CSS。 |
| charset | <meta>, <script> | 指定字元編碼 |
| checked | <input> | 指定頁面載入時 <input> 元素應被預先選中(適用於 type="checkbox" 或 type="radio") |
| cite | <blockquote>, <del>, <ins>, <q> | 指定解釋引文/刪除/插入文字的 URL |
| 類別 | 全域性屬性 | 為元素指定一個或多個類名(指向樣式表中的類) |
| color | HTML5 中不支援。 | 指定元素的文字顏色。請改用 CSS。 |
| cols | <textarea> | 指定文字區域的可見寬度 |
| colspan | <td>, <th> | 指定表單元格應跨越的列數 |
| content | <meta> | 提供 http-equiv 或 name 屬性的資訊/值的 HTTP 標頭 |
| 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 | 全域性屬性 | 指定元素是否可拖動 |
| enctype | <form> | 指定提交表單資料時如何進行編碼(僅適用於 method="post") |
| enterkeyhint | 全域性屬性 | 指定虛擬鍵盤上 Enter 鍵的文字 |
| 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> | 為 content 屬性的資訊/值提供 HTTP 標頭 |
| id | 全域性屬性 | 為元素指定唯一 ID |
| inert | 全域性屬性 | 指定瀏覽器應忽略此部分 |
| inputmode | 全域性屬性 | 指定虛擬鍵盤的模式 |
| ismap | <img> | 將影像指定為伺服器端影像對映 |
| kind | <track> | 指定文字軌道的種類 |
| 標籤 | <track>, <option>, <optgroup> | 指定文字軌道的標題 |
| lang | 全域性屬性 | 指定元素內容的語言 |
| 列表 | <input> | 引用一個包含 <input> 元素預定義選項的 <datalist> 元素 |
| 迴圈 | <audio>, <video> | 指定音訊/影片每次結束時都重新開始 |
| low | <meter> | 指定被視為低值的範圍 |
| max | <input>, <meter>, <progress> | 指定最大值 |
| maxlength | <input>, <textarea> | 指定元素中允許的最大字元數 |
| media | <a>, <area>, <link>, <source>, <style> | 指定連結文件的目標媒體/裝置 |
| method | <form> | 指定傳送表單資料時要使用的 HTTP 方法 |
| 分鐘 | <input>, <meter> | 指定最小值 |
| multiple | <input>, <select> | 指定使用者可以輸入多個值 |
| muted | <video>, <audio> | 指定影片的音訊輸出應被靜音 |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | 指定元素的名稱 |
| novalidate | <form> | 指定提交表單時不對錶單進行驗證 |
| onabort | <audio>, <embed>, <img>, <object>, <video> | 在中止時執行的指令碼 |
| onafterprint | <body> | 在列印文件後執行的指令碼 |
| onbeforeprint | <body> | 在列印文件前執行的指令碼 |
| onbeforeunload | <body> | 在解除安裝文件時執行的指令碼 |
| onblur | 所有可見元素。 | 在元素失去焦點時執行的指令碼 |
| oncanplay | <audio>, <embed>, <object>, <video> | 在檔案可以開始播放時執行的指令碼(當它已經緩衝到足以開始播放時) |
| oncanplaythrough | <audio>, <video> | 在檔案可以一直播放到結束而無需緩衝暫停時執行的指令碼 |
| onchange | 所有可見元素。 | 在元素值更改時執行的指令碼 |
| onclick | 所有可見元素。 | 在元素被點選時執行的指令碼 |
| oncontextmenu | 所有可見元素。 | 觸發上下文選單時執行的指令碼 |
| oncopy | 所有可見元素。 | 在元素內容被複制時執行的指令碼 |
| oncuechange | <track> | 當 <track> 元素中的提示更改時執行的指令碼 |
| oncut | 所有可見元素。 | 在元素內容被剪下時執行的指令碼 |
| ondblclick | 所有可見元素。 | 在元素被雙擊時執行的指令碼 |
| ondrag | 所有可見元素。 | 在元素被拖動時執行的指令碼 |
| ondragend | 所有可見元素。 | 在拖動操作結束時執行的指令碼 |
| ondragenter | 所有可見元素。 | 當拖動元素到有效目標上時執行的指令碼 |
| ondragleave | 所有可見元素。 | 當元素離開有效目標時執行的指令碼 |
| ondragover | 所有可見元素。 | 當元素被拖動到有效目標上時執行的指令碼 |
| ondragstart | 所有可見元素。 | 在拖動操作開始時執行的指令碼 |
| ondrop | 所有可見元素。 | 當拖動元素被釋放時執行的指令碼 |
| ondurationchange | <audio>, <video> | 媒體長度改變時執行的指令碼 |
| onemptied | <audio>, <video> | 當由於某種原因導致檔案突然不可用時執行的指令碼(例如意外斷開連線) |
| onended | <audio>, <video> | 媒體已達到結束時執行的指令碼(例如“感謝收聽”之類的訊息的有用事件) |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | 發生錯誤時執行的指令碼 |
| onfocus | 所有可見元素。 | 元素獲得焦點時執行的指令碼 |
| onhashchange | <body> | URL 的錨點部分發生變化時執行的指令碼 |
| oninput | 所有可見元素。 | 元素獲得使用者輸入時執行的指令碼 |
| oninvalid | 所有可見元素。 | 元素無效時執行的指令碼 |
| onkeydown | 所有可見元素。 | 使用者按下按鍵時執行的指令碼 |
| onkeypress | 所有可見元素。 | 使用者按下按鍵時執行的指令碼 |
| onkeyup | 所有可見元素。 | 使用者釋放按鍵時執行的指令碼 |
| onload | <body>, <iframe>, <img>, <input>, <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 type="search">) |
| onseeked | <audio>, <video> | 當 seeking 屬性設定為 false,表示已完成查詢時執行的指令碼 |
| onseeking | <audio>, <video> | 當 seeking 屬性設定為 true,表示查詢正在進行時執行的指令碼 |
| 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> | 指定一個簡短提示,描述元素的預期值 |
| popover | 全域性屬性 | 指定一個彈出元素 |
| popovertarget | <button>, <input> | 指定要呼叫的彈出元素 |
| popovertargetaction | <button>, <input> | 指定點選按鈕時對彈出元素的操作 |
| poster | <video> | 指定在影片下載期間或使用者點選播放按鈕之前顯示的影像 |
| preload | <audio>, <video> | 指定頁面載入時音訊/影片的載入方式 |
| readonly | <input>, <textarea> | 指定元素是隻讀的 |
| rel | <a>, <area>, <form>, <link> | 指定當前文件與連結文件之間的關係 |
| required | <input>, <select>, <textarea> | 指定在提交表單之前必須填寫該元素 |
| reversed | <ol> | 指定列表順序應為降序(9,8,7...) |
| rows | <textarea> | 指定文字區域的可見行數 |
| rowspan | <td>, <th> | 指定表單元格應跨越的行數 |
| sandbox | <iframe> | 啟用對 <iframe> 中內容的額外限制 |
| scope | <th> | 指定表頭單元格是列、行或列/行組的表頭 |
| selected | <option> | 指定頁面載入時應預先選中一個選項 |
| shape | <area> | 指定區域的形狀 |
| 大小 | <input>, <select> | 指定文字區域中的字元數(對於 <input>)或可選專案的可見數量(對於 <select>) |
| sizes | <img>, <link>, <source> | 指定連結資源的尺寸 |
| span | <col>, <colgroup> | 指定要跨越的列數 |
| 拼寫檢查 | 全域性屬性 | 指定是否檢查元素的拼寫和語法 |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | 指定媒體檔案的 URL |
| srcdoc | <iframe> | 顯示在 <iframe> 中的頁面 HTML 內容 |
| srclang | <track> | 指定文字軌道的語言(當 kind="subtitles" 時必需) |
| srcset | <img>, <source> | 指定在不同情況下使用的影像 URL |
| start | <ol> | 指定有序列表的起始值 |
| step | <input> | 指定輸入欄位的合法數值區間 |
| 樣式 | 全域性屬性 | 為元素指定內聯 CSS 樣式 |
| tabindex | 全域性屬性 | 指定元素的製表符順序 |
| target | <a>, <area>, <base>, <form> | 指定連結文件的開啟目標或表單的提交目標 |
| title | 全域性屬性 | 指定元素的額外資訊 |
| 翻譯 | 全域性屬性 | 指定元素內容是否應被翻譯 |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | 指定元素的型別 |
| usemap | <img>, <object> | 將影像指定為客戶端影像對映 |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | 指定元素的值 |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | 指定元素的寬度 |
| wrap(換行) | <textarea> | 指定文字區域中的文字在表單中提交時如何換行 |