Attributes

Attributes

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例如），你应该阅读规范以了解它们的行为。