下表列出了所有 HTML 属性以及可以在其中使用的元素:
属性 Attribute | 属于 Belongs to | 描述 Description |
---|---|---|
accept | <input> | 指定服务器接受的文件类型(仅适用于 type="file" ) |
accept-charset | <form> | 指定要用于表单提交的字符编码 |
accesskey | 全局属性 | 指定激活/聚焦元素的快捷键 |
action | <form> | 指定提交表单时将表单数据发送到何处 |
align | ⚠️ HTML 5 不支持 | 根据周围元素指定对齐方式。 改用 CSS |
alt | <area>, <img>, <input> | 指定原始元素无法显示时的替代文本 |
async | <script> | 指定脚本异步执行(仅适用于外部脚本) |
autocomplete | <form>, <input> | 指定 <form> 或 <input> 元素是否应该启用自动完成功能 |
autofocus | <button>, <input>, <select>, <textarea> | 指定当页面加载时元素应该自动获得焦点 |
autoplay | <audio>, <video> | 指定音频/视频一准备好就开始播放 |
bgcolor | ⚠️ HTML 5 不支持 | 指定元素的背景颜色。 改用 CSS |
border | ⚠️ HTML 5 不支持 | 指定元素边框的宽度。 改用 CSS |
charset | <meta>, <script> | 指定字符编码 |
checked | <input> | 指定一个 <input> 页面加载时应预先选择元素(对于 type="checkbox" 或 type="radio") |
cite | <blockquote>, <del>, <ins>, <q> | 指定解释引用/删除/插入文本的 URL |
class | 全局属性 | 为元素指定一个或多个类名(指样式表中的类) |
color | ⚠️ HTML 5 不支持 | 指定元素的文本颜色。 改用 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 | 全局属性 | 指定元素是否可拖动 |
enctype | <form> | 指定将表单数据提交到服务器时应如何编码(仅适用于 method="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> | 引用一个 <datalist> 包含 <input> 的预定义选项的元素 元素 |
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 | <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="search">) |
onseeked | <audio>, <video> | 当 seek 属性设置为 false 时要运行的脚本,表示搜索已经结束 |
onseeking | <audio>, <video> | 当 seek 属性设置为 true 时要运行的脚本,表示正在搜索 |
onselect | 所有元素可见 | 当元素被选中时运行的脚本 |
onstalled | <audio>, <video> | 当浏览器由于某种原因无法获取媒体数据时运行的脚本 |
onstorage | <body> | 更新 Web 存储区域时运行的脚本 |
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>, <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> | 指定区域的形状 |
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="subtitles" 是必需的) |
srcset | <img>, <source> | 指定要在不同情况下使用的图像的 URL |
start | <ol> | 指定有序列表的起始值 |
step | <input> | 指定输入字段的合法数字间隔 |
style | 全局属性 | 为元素指定内联 CSS 样式 |
tabindex | 全局属性 | 指定元素的跳格顺序 |
target | <a>, <area>, <base>, <form> | 指定打开链接文档或提交表单的目标 |
title | 全局属性 | 指定有关元素的额外信息 |
translate | 全局属性 | 指定是否应翻译元素的内容 |
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> | 指定在表单中提交时如何包装文本区域中的文本 |