©
本文档使用
php.cn手册 发布
HTML中的元素是有属性的；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。
属性列表
属性名称 | 分子 | 描述 |
|---|---|---|
接收 | <form>，<input> | 服务器接受的类型列表，通常是文件类型。 |
接收字符 | <FORM> | 支持的字符集列表。 |
ACCESSKEY | 全局属性 | 定义一个键盘快捷键来激活或添加焦点到元素。 |
行动 | <FORM> | 处理通过表单提交的信息的程序的URI。 |
对齐 | <applet>，<caption>，<col>，<colgroup>，<hr>，<iframe>，<img>，<table>，<tbody>，<td>，<tfoot>，<th>，<thead < >，<tr> | 指定元素的水平对齐。 |
一切 | <applet>，<area>，<img>，<input> | 如果图像无法显示，可选文字。 |
异步 | <SCRIPT> | 指示脚本应该异步执行。 |
自动完成 | <form>，<input> | 指示此窗体中的控件默认是否可以自动完成浏览器的值。 |
自动对焦 | <button>，<input>，<keygen>，<select>，<textarea> | 加载页面后，元素应该自动聚焦。 |
自动播放 | <audio>，<video> | 音频或视频应该尽快播放。 |
自动保存 | <输入> | 以前的值应该在页面加载时保持可选值的下拉列表。 |
BGCOLOR | <body>，<col>，<colgroup>，<marquee>，<table>，<tbody>，<tfoot>，<td>，<th>，<tr> | 元素的背景颜色。注意：这是一个遗留属性。请改用CSS background-color属性。 |
边境 | <img>，<object>，<table> | 边框宽度。注意：这是一个遗留属性。请改用CSS边框属性。 |
缓冲的 | <audio>，<video> | 包含已缓冲媒体的时间范围。 |
挑战 | <密钥生成> | 与公钥一起提交的质询字符串。 |
字符集 | <meta>，<script> | 声明页面或脚本的字符编码。 |
检查 | <command>，<input> | 指示是否在页面加载时检查元素。 |
引用 | <blockquote>，<del>，<ins>，<q> | 包含指向报价或更改源的URI。 |
类 | 全局属性 | 经常与CSS一起使用来设置具有公共属性的元素。 |
码 | <APPLET> | 指定要加载和执行的applet的类文件的URL。 |
代码库 | <APPLET> | 此属性给出了代码属性所引用的applets'.class文件所存储目录的绝对或相对URL。 |
颜色 | <basefont>，<font>，<hr> | 此属性使用指定的颜色或以十六进制#RRGGBB格式指定的颜色设置文本颜色。注意：这是一个遗留属性。请改用CSS颜色属性。 |
项圈 | <textarea>的 | 定义textarea中的列数。 |
合并单元格 | <td>，<th> | colspan属性定义了一个单元格应该跨越的列数。 |
内容 | 的<meta> | 与http-equiv或名称相关的值取决于上下文。 |
CONTENTEDITABLE | 全局属性 | 指示元素的内容是否可编辑。 |
上下文菜单 | 全局属性 | 定义将用作元素的上下文菜单的<menu>元素的ID。 |
控制 | <audio>，<video> | 指示浏览器是否应向用户显示播放控件。 |
COORDS | <区域> | 一组指定热点区域坐标的值。 |
crossorigin | <audio>，<img>，<link>，<script>，<video> | 元素如何处理跨源请求 |
数据 | <对象> | 指定资源的URL。 |
数据-* | 全局属性 | 让您将自定义属性附加到HTML元素。 |
约会时间 | <del>，<ins>，<time> | 指示与元素关联的日期和时间。 |
默认 | <轨道> | 指示应该启用曲目，除非用户的偏好指示不同。 |
延缓 | <SCRIPT> | 指示脚本应在页面解析后执行。 |
您 | 全局属性 | 定义文本方向。允许的值是ltr（从左到右）或rtl（从右到左） |
目录名 | <input>，<textarea> | |
残 | <button>，<command>，<fieldset>，<input>，<keygen>，<optgroup>，<option>，<select>，<textarea> | 指示用户是否可以与元素进行交互。 |
下载 | <a>，<area> | 表示超链接将用于下载资源。 |
拖动 | 全局属性 | 定义元素是否可以被拖动。 |
拖放区 | 全局属性 | 表示该元素接受其上的内容丢弃。 |
ENCTYPE | <FORM> | 定义POST方法时窗体日期的内容类型。 |
对于 | <label>，<output> | 描述属于这一个的元素。 |
形成 | <button>，<fieldset>，<input>，<keygen>，<label>，<meter>，<object>，<output>，<progress>，<select>，<textarea> | 指示作为元素所有者的表单。 |
formAction | <input>，<button> | 指示元素的操作，覆盖<form>中定义的操作。 |
头 | <td>，<th> | 适用于此元素的<th>元素的ID。 |
高度 | <canvas>，<embed>，<iframe>，<img>，<input>，<object>，<video> | 指定此处列出的元素的高度。对于所有其他元素，请使用CSS高度属性。注意：在某些情况下，例如<div>，这是一个遗留属性，在这种情况下，应该使用CSS高度属性。 |
隐 | 全局属性 | 防止呈现给定的元素，同时保持子元素（例如脚本元素）处于活动状态。 |
高 | <米> | 指示范围上限的下限。 |
HREF | <a>，<area>，<base>，<link> | 链接资源的URL。 |
的hreflang | <a>，<area>，<link> | 指定链接资源的语言。 |
HTTP的当量 | 的<meta> | |
图标 | <命令> | 指定一个表示命令的图片。 |
ID | 全局属性 | 通常与CSS一起使用来设置特定元素的样式。该属性的值必须是唯一的。 |
廉正 | <link>，<script> | 安全功能，允许浏览器验证他们提取的内容。MDN链接 |
ISMAP | <IMG> | 指示图像是服务器端图像映射的一部分。 |
itemprop | 全局属性 | |
关键字类型 | <密钥生成> | 指定生成的密钥的类型。 |
类 | <轨道> | 指定文本轨道的种类。 |
标签 | <轨道> | 指定文本轨道的用户可读标题。 |
lang | 全局属性 | 定义元素中使用的语言。 |
语言 | <SCRIPT> | 定义元素中使用的脚本语言。 |
名单 | <输入> | 标识向用户建议的预定义选项列表。 |
循环 | <audio>，<bgsound>，<marquee>，<video> | 指示媒体在完成时是否应从头开始播放。 |
低 | <米> | 指示较低范围的上限。 |
表现 | <HTML> | 指定文档的缓存清单的URL。 |
最大 | <input>，<meter>，<progress> | 指示允许的最大值。 |
最长长度 | <input>，<textarea> | 定义元素中允许的最大字符数。 |
使用MINLENGTH | <input>，<textarea> | 定义元素中允许的最小字符数。 |
媒体 | <a>，<area>，<link>，<source>，<style> | 指定链接资源的设计媒介提示。 |
方法 | <FORM> | 定义提交表单时使用的HTTP方法。可以是GET（默认）或POST。 |
我 | <input>，<meter> | 表示允许的最小值。 |
多 | <input>，<select> | 指示是否可以在类型电子邮件或文件的输入中输入多个值。 |
静音 | <视频> | 指示音频是否在页面加载时最初静音。 |
name | <button>，<form>，<fieldset>，<iframe>，<input>，<keygen>，<object>，<output>，<select>，<textarea>，<map>，<meta>，<param > | 元素的名称。例如服务器用于识别表单提交中的字段。 |
NOVALIDATE | <FORM> | 该属性表明表单在提交时不应该被验证。 |
打开 | <细节> | 指示是否在加载页面时显示详细信息。 |
最佳 | <米> | 指示最佳数值。 |
模式 | <输入> | 定义一个正则表达式，元素的值将被验证。 |
ping | <a>，<area> | |
占位符 | <input>，<textarea> | 向用户提供可在现场输入的内容的提示。 |
海报 | <视频> | 指示要在用户播放或搜索之前显示的海报帧的URL。 |
预紧 | <audio>，<video> | 指示是否应预先加载整个资源，它的部分或全部资源。 |
RadioGroup中 | <命令> | |
只读 | <input>，<textarea> | 指示是否可以编辑该元素。 |
相对 | <a>，<area>，<link> | 指定目标对象与链接对象的关系。 |
需要 | <input>，<select>，<textarea> | 指示是否需要填写此元素。 |
反向的 | <OL> | 指示列表是否应以降序而不是升序显示。 |
行 | <textarea>的 | 定义文本区域中的行数。 |
行跨度 | <td>，<th> | 定义表格单元格应该跨越的行数。 |
砂箱 | <IFRAME> | |
范围 | <TH> | |
作用域 | <风格> | |
无缝 | <IFRAME> | |
选 | <选项> | 定义将在页面加载时选择的值。 |
形状 | <a>，<area> | |
尺寸 | <input>，<select> | 定义元素的宽度（以像素为单位）。如果元素的类型属性是文本或密码，那么它是字符数。 |
大小 | <link>，<img>，<source> | |
插槽 | 全局属性 | 将阴影DOM阴影树中的插槽指定给元素。 |
跨度 | <col>，<colgroup> | |
经验 | 全局属性 | 指示是否允许对元素进行拼写检查。 |
SRC | <audio>，<embed>，<iframe>，<img>，<input>，<script>，<source>，<track>，<video> | 可嵌入内容的网址。 |
srcdoc | <IFRAME> | |
srclang | <轨道> | |
srcset | <IMG> | |
开始 | <OL> | 定义第一个数字，如果不是1。 |
步 | <输入> | |
样式 | 全局属性 | 定义将覆盖先前设置的样式的CSS样式。 |
概要 | <表> | |
tabindex属性 | 全局属性 | 覆盖浏览器的默认选项卡顺序，并按照指定的顺序进行操作。 |
目标 | <a>，<area>，<base>，<form> | |
标题 | 全局属性 | 将鼠标悬停在元素上时，文本将显示在工具提示中。 |
类型 | <button>，<input>，<command>，<embed>，<object>，<script>，<source>，<style>，<menu> | 定义元素的类型。 |
USEMAP | <img>，<input>，<object> | |
值 | <button>，<option>，<input>，<li>，<meter>，<progress>，<param> | 定义将在页面加载时显示在元素中的默认值。 |
宽度 | <canvas>，<embed>，<iframe>，<img>，<input>，<object>，<video> | 对于这里列出的元素，这将确定元素的宽度。注意：对于所有其他实例，例如<div>，这是一个遗留属性，在这种情况下，应该使用CSS宽度属性。 |
包 | <textarea>的 | 指示是否应该包装文本。 |
内容与IDL属性
在HTML中，大多数属性有两个面：content属性和IDL属性。
内容属性是您从内容（HTML代码）中设置的属性，您可以通过element.setAttribute()或element.getAttribute()设置它。内容属性始终是一个字符串，即使期望的值应该是一个整数。例如，要使用content属性将<input>元素设置maxlength为42，您必须调用setAttribute("maxlength", "42")该元素。
IDL属性也被称为JavaScript属性。这些是您可以使用JavaScript属性来读取或设置的属性element.foo。IDL属性总是要使用（但可能会转换）底层内容属性，以便在获取该属性时返回值，并在设置内容属性时将内容属性保存到该属性中。换句话说，IDL属性本质上反映了内容属性。
大多数情况下，IDL属性会在实际使用时返回它们的值。例如，默认type为<input>元素的“文本”，因此，如果您设置input.type="foobar"的<input>元素将是类型的文本（在外观和行为），但“类型”的内容属性的值将是“foobar的”。但是，typeIDL属性将返回字符串“text”。
IDL属性并不总是字符串; 例如，input.maxlength是一个数字（一个有符号的长整数）。当使用IDL属性时，你阅读或设置所需类型的值，所以input.maxlength总是要返回一个数字，当你设置时input.maxlength，它需要一个数字。如果您传递另一个类型，则会自动将其转换为由标准JavaScript规则指定的数字进行类型转换。
IDL属性可以反映其他类型，如无符号长整型，URL，布尔值等。不幸的是，没有明确的规则，IDL属性与其对应的内容属性的行为方式取决于属性。大多数情况下，它将遵循规范中规定的规则，但有时却不符合规定。HTML规范试图尽可能使开发者友好，但由于各种原因（主要是历史的），一些属性的行为奇怪（select.size例如），你应该阅读规范以了解它们的行为。