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