HTML 属性 参考
HTML 属性参考
下表列出了所有 HTML 属性以及它们可以在哪些元素中使用
| 属性 | 属于 | 描述 |
|---|---|---|
| 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" |
| enterkeyhint | 全局属性 | 指定虚拟键盘上 Enter 键的文本 |
| 用于 | <label>，<output> | 指定标签/计算绑定到的表单元素 |
| 表单 | <button>，<fieldset>，<input>，<label>，<meter>，<object>，<output>，<select>，<textarea> | 指定元素所属表单的名称 |
| formaction | <button>，<input> | 指定提交表单时发送表单数据的地址。仅适用于 type="submit" |
| 标题 | <td>, <th> | 指定单元格关联的一个或多个表头单元格 |
| 高度 | <canvas>，<embed>，<iframe>，<img>，<input>，<object>，<video> | 指定元素的高度 |
| 隐藏 | 全局属性 | 指定元素尚未或不再相关 |
| 高 | <meter> | 指定被认为是高值的范围 |
| href | <a>，<area>，<base>，<link> | 指定链接指向页面的 URL |
| hreflang | <a>，<area>，<link> | 指定链接文档的语言 |
| http-equiv | <meta> | 为内容属性的信息/值提供 HTTP 头部 |
| ID | 全局属性 | 指定元素的唯一 ID |
| 惰性 | 全局属性 | 指定浏览器应忽略此部分 |
| inputmode | 全局属性 | 指定虚拟键盘的模式 |
| ismap | <img> | 指定图像作为服务器端图像映射 |
| 种类 | <track> | 指定文本轨道的种类 |
| 标签 | <track>，<option>，<optgroup> | 指定文本轨道的标题 |
| 语言 | 全局属性 | 指定元素内容的语言 |
| 列表 | <input> | 引用包含 <input> 元素预定义选项的 <datalist> 元素 |
| 循环 | <audio>, <video> | 指定音频/视频将在每次播放结束后重新开始 |
| 低 | <meter> | 指定被认为是低值的范围 |
| 最大 | <input>，<meter>，<progress> | 指定最大值 |
| maxlength | <input>, <textarea> | 指定元素中允许的最大字符数 |
| 媒体 | <a>，<area>，<link>，<source>，<style> | 指定链接文档针对的媒体/设备 |
| 方法 | <form> | 指定发送表单数据时使用的 HTTP 方法 |
| 最小 | <input>，<meter> | 指定最小值 |
| 多个 | <input>，<select> | 指定用户可以输入多个值 |
| 静音 | <video>，<audio> | 指定视频的音频输出应静音 |
| 名称 | <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 存储区域更新时运行的脚本 |
| 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> | 指定区域的形状 |
| 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> | 指定在表单中提交时文本区域中的文本如何换行 |
