您好,登錄后才能下訂單哦!
本篇內容介紹了“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> | 指定在表單中提交文本區域中的文本如何包裝 |
“HTML屬性有哪些”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。