Attributes - [ HTML 中文开发手册 ] - 在线原生手册

目录搜索

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

文字

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