Skip to content

Latest commit

 

History

History
180 lines (174 loc) · 24.3 KB

attributes.md

File metadata and controls

180 lines (174 loc) · 24.3 KB

HTML 属性参考

下表列出了所有 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> 指定在表单中提交时如何包装文本区域中的文本