©
本文檔使用 php中文網手册 發布
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>的 | 指示是否应该包装文本。 |
在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的”。但是,type
IDL属性将返回字符串“text”。
IDL属性并不总是字符串; 例如,input.maxlength
是一个数字(一个有符号的长整数)。当使用IDL属性时,你阅读或设置所需类型的值,所以input.maxlength
总是要返回一个数字,当你设置时input.maxlength
,它需要一个数字。如果您传递另一个类型,则会自动将其转换为由标准JavaScript规则指定的数字进行类型转换。
IDL属性可以反映其他类型,如无符号长整型,URL,布尔值等。不幸的是,没有明确的规则,IDL属性与其对应的内容属性的行为方式取决于属性。大多数情况下,它将遵循规范中规定的规则,但有时却不符合规定。HTML规范试图尽可能使开发者友好,但由于各种原因(主要是历史的),一些属性的行为奇怪(select.size
例如),你应该阅读规范以了解它们的行为。