HTML

动态标准 - 最后更新于 2024 年 9 月 12 日

1. 1. 1. 4.10.5 input 元素
         1. 4.10.5.1 type 属性的状态
            1. 4.10.5.1.1 隐藏状态 (type=hidden)
            2. 4.10.5.1.2 文本状态 (type=text) 和搜索状态 (type=search)
            3. 4.10.5.1.3 电话状态 (type=tel)
            4. 4.10.5.1.4 URL 状态 (type=url)
            5. 4.10.5.1.5 电子邮件状态 (type=email)
            6. 4.10.5.1.6 密码状态 (type=password)
            7. 4.10.5.1.7 日期状态 (type=date)
            8. 4.10.5.1.8 月份状态 (type=month)
            9. 4.10.5.1.9 星期状态 (type=week)
            10. 4.10.5.1.10 时间状态 (type=time)
            11. 4.10.5.1.11 本地日期和时间状态 (type=datetime-local)
            12. 4.10.5.1.12 数字状态 (type=number)
            13. 4.10.5.1.13 范围状态 (type=range)
            14. 4.10.5.1.14 颜色状态 (type=color)
            15. 4.10.5.1.15 复选框状态 (type=checkbox)
            16. 4.10.5.1.16 单选按钮状态 (type=radio)
            17. 4.10.5.1.17 文件上传状态 (type=file)
            18. 4.10.5.1.18 提交按钮状态 (type=submit)
            19. 4.10.5.1.19 图像按钮状态 (type=image)
            20. 4.10.5.1.20 重置按钮状态 (type=reset)
            21. 4.10.5.1.21 按钮状态 (type=button)
         2. 4.10.5.2 关于表单控件本地化的实现说明
         3. 4.10.5.3 input 元素的通用属性
            1. 4.10.5.3.1 maxlength 和 minlength 属性
            2. 4.10.5.3.2 size 属性
            3. 4.10.5.3.3 readonly 属性
            4. 4.10.5.3.4 required 属性
            5. 4.10.5.3.5 multiple 属性
            6. 4.10.5.3.6 pattern 属性
            7. 4.10.5.3.7 min 和 max 属性
            8. 4.10.5.3.8 step 属性
            9. 4.10.5.3.9 list 属性
            10. 4.10.5.3.10 placeholder 属性
         4. 4.10.5.4 input 元素的通用 API
         5. 4.10.5.5 通用事件行为

4.10.5 input 元素

类别:

流内容.

短语内容.

如果 type 属性 不在 隐藏 状态中：交互式内容。

如果 type 属性 不在 隐藏 状态中：列出的，可标记的，可提交的，可重置的，以及 自动大写和自动更正继承 与表单相关的元素。

如果 type 属性 在 隐藏 状态中：列出的，可提交的，可重置的，以及 自动大写和自动更正继承 与表单相关的元素。

如果 type 属性 不在 隐藏 状态中：可感知内容。

可以使用此元素的上下文:

在预期 短语内容 的地方。

内容模型:

无.

在 text/html 中的标签省略:

没有 结束标签。

内容属性:

全局属性

accept — 在 文件上传控件 中，提示预期文件类型

alt — 当图像不可用时使用的替代文本

autocomplete — 表单自动填充功能的提示

checked — 控制是否选中

dirname — 要用于发送元素的 方向性 的表单控件的名称，在 表单提交 中使用

disabled — 表单控件是否禁用

form — 将元素与 form 元素关联起来

formaction — 用于 表单提交 的 URL

formenctype — 用于 表单提交 的 条目列表 编码类型

formmethod — 用于 表单提交 的变体

formnovalidate — 在 表单提交 时绕过表单控件验证

formtarget — 用于 表单提交 的 可导航的

height — 垂直尺寸

list — 自动完成选项的列表

max — 最大值

maxlength — 值的 长度 的最大值

min — 最小值

minlength — 值的 长度 的最小值

multiple — 是否允许多个值

name — 用于 表单提交 以及在 form.elements API 中使用的元素名称

pattern — 要与表单控件的值匹配的模式

placeholder — 要放置在表单控件内的用户可见标签

popovertarget — 目标为要切换、显示或隐藏的弹出窗口元素

popovertargetaction — 指示目标为要切换、显示或隐藏的弹出窗口元素

readonly — 是否允许用户编辑值

required — 控制是否要求用于 表单提交

size — 控制的大小

src — 资源的地址

step — 要与表单控件的值匹配的粒度

type — 表单控件的类型

value — 表单控件的值

width — 水平尺寸

此外，title 属性 在此元素上具有特殊语义：模式的描述 (当与 pattern 属性一起使用时)

无障碍考虑:

type 属性在 隐藏 状态中：供作者使用；供实施者使用。

type 属性在 文本 状态中：供作者使用；供实施者使用。

type 属性在 搜索 状态中：供作者使用；供实施者使用。

type 属性在 电话 状态下：面向作者；面向实施者.

type 属性在 URL 状态下：面向作者；面向实施者.

type 属性在 电子邮件 状态下：面向作者；面向实施者.

type 属性在 密码 状态下：面向作者；面向实施者.

type 属性在 日期 状态下：面向作者；面向实施者.

type 属性在 月份 状态下：面向作者；面向实施者.

type 属性在 星期 状态下：面向作者；面向实施者.

type 属性在 时间 状态下：面向作者；面向实施者.

type 属性在 本地日期和时间 状态下：面向作者；面向实施者.

type 属性在 数字 状态下：面向作者；面向实施者.

type 属性在 范围 状态下：面向作者；面向实施者.

type 属性在 颜色 状态下：面向作者；面向实施者.

type 属性在 复选框 状态下：面向作者；面向实施者.

type 属性在 单选按钮 状态下：面向作者；面向实施者.

type 属性在 文件上传 状态下：面向作者；面向实施者.

type 属性在 提交按钮 状态下：面向作者；面向实施者.

type 属性在 图像按钮 状态下：面向作者；面向实施者.

type 属性在 重置按钮 状态下：面向作者；面向实施者.

type 属性在 按钮 状态下：面向作者；面向实施者.

DOM 接口:

[Exposed=Window]
interface HTMLInputElement : HTMLElement {
  [HTMLConstructor] constructor();

  [CEReactions] attribute DOMString accept;
  [CEReactions] attribute DOMString alt;
  [CEReactions] attribute DOMString autocomplete;
  [CEReactions] attribute boolean defaultChecked;
  attribute boolean checked;
  [CEReactions] attribute DOMString dirName;
  [CEReactions] attribute boolean disabled;
  readonly attribute HTMLFormElement? form;
  attribute FileList? files;
  [CEReactions] attribute USVString formAction;
  [CEReactions] attribute DOMString formEnctype;
  [CEReactions] attribute DOMString formMethod;
  [CEReactions] attribute boolean formNoValidate;
  [CEReactions] attribute DOMString formTarget;
  [CEReactions] attribute unsigned long height;
  attribute boolean indeterminate;
  readonly attribute HTMLDataListElement? list;
  [CEReactions] attribute DOMString max;
  [CEReactions] attribute long maxLength;
  [CEReactions] attribute DOMString min;
  [CEReactions] attribute long minLength;
  [CEReactions] attribute boolean multiple;
  [CEReactions] attribute DOMString name;
  [CEReactions] attribute DOMString pattern;
  [CEReactions] attribute DOMString placeholder;
  [CEReactions] attribute boolean readOnly;
  [CEReactions] attribute boolean required;
  [CEReactions] attribute unsigned long size;
  [CEReactions] attribute USVString src;
  [CEReactions] attribute DOMString step;
  [CEReactions] attribute DOMString type;
  [CEReactions] attribute DOMString defaultValue;
  [CEReactions] attribute [LegacyNullToEmptyString] DOMString value;
  attribute object? valueAsDate;
  attribute unrestricted double valueAsNumber;
  [CEReactions] attribute unsigned long width;

  undefined stepUp(optional long n = 1);
  undefined stepDown(optional long n = 1);

  readonly attribute boolean willValidate;
  readonly attribute ValidityState validity;
  readonly attribute DOMString validationMessage;
  boolean checkValidity();
  boolean reportValidity();
  undefined setCustomValidity(DOMString error);

  readonly attribute NodeList? labels;

  undefined select();
  attribute unsigned long? selectionStart;
  attribute unsigned long? selectionEnd;
  attribute DOMString? selectionDirection;
  undefined setRangeText(DOMString replacement);
  undefined setRangeText(DOMString replacement, unsigned long start, unsigned long end, optional SelectionMode selectionMode = "preserve");
  undefined setSelectionRange(unsigned long start, unsigned long end, optional DOMString direction);

  undefined showPicker();

  // also has obsolete members
};
HTMLInputElement includes PopoverInvokerElement;

The input 元素 表示 一个类型化数据字段，通常包含一个表单控件，允许用户编辑数据。

The type 属性控制元素的数据类型（以及关联的控件）。它是一个具有以下关键字和状态的 枚举属性

属性的 缺失值默认值 和 无效值默认值 都是 文本 状态。

哪些 accept、alt、autocomplete、checked、dirname、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、maxlength、min、minlength、multiple、pattern、placeholder、readonly、required、size、src、step 和 width 内容属性、checked、files、valueAsDate、valueAsNumber 和 list IDL 属性、select() 方法、selectionStart、selectionEnd 和 selectionDirection IDL 属性、setRangeText() 和 setSelectionRange() 方法、stepUp() 和 stepDown() 方法以及 input 和 change 事件 应用 于 input 元素，取决于其 type 属性的状态。定义每个类型的子节也明确地在规范性“簿记”部分中定义了这些功能中的哪些适用，以及哪些 不适用 于每个类型。这些功能的行为取决于它们是否适用，如它们各自的部分中所定义（参见 内容属性、API、事件）。

下表是非规范性的，并总结了哪些内容属性、IDL 属性、方法和事件 应用 于每个状态

† 如果控件没有可选文本，则 select() 方法将执行无操作，不会出现 "InvalidStateError" DOMException。

type 属性的某些状态定义了 值清理算法。

每个 input 元素都具有一个 值，它由 value IDL 属性公开。某些状态定义了 将字符串转换为数字的算法，将数字转换为字符串的算法，将字符串转换为 Date 对象的算法 以及 将 Date 对象转换为字符串的算法，这些算法由 max、min、step、valueAsDate、valueAsNumber 和 stepUp() 使用。

input 元素的 脏值标志 必须在用户与控件交互以更改 值 时设置为 true。（它还将在以编程方式更改值时设置为 true，如 value IDL 属性定义中所述。）

value 内容属性提供了 input 元素的默认 值。当添加、设置或删除 value 内容属性时，如果控件的 脏值标志 为 false，则用户代理必须将元素的 值 设置为 value 内容属性的值（如果有），否则设置为空字符串，然后运行当前 值清理算法（如果定义了）。

每个 input 元素都具有一个 选中状态，它由 checked IDL 属性公开。

每个 input 元素都具有一个布尔型 脏选中状态标志。当它为 true 时，表示该元素具有 脏选中状态。 脏选中状态标志 必须在创建元素时最初设置为 false，并且必须在用户与控件交互以更改 选中状态 时设置为 true。

checked 内容属性是一个 布尔型属性，它提供了 input 元素的默认 选中状态。当添加 checked 内容属性时，如果控件没有 脏选中状态，则用户代理必须将元素的 选中状态 设置为 true；当删除 checked 内容属性时，如果控件没有 脏选中状态，则用户代理必须将元素的 选中状态 设置为 false。

重置算法 对于 input 元素，是将其 用户有效性、脏值标志 和 脏选中状态标志 设置回 false，将元素的 值 设置为 value 内容属性的值（如果有），否则设置为空字符串，如果元素具有 checked 内容属性，则将元素的 选中状态 设置为 true，否则设置为 false，清空 已选择文件 列表，然后调用 值清理算法（如果 type 属性的当前状态定义了该算法）。

每个 input 元素都可以是 可变的。除另有规定外，input 元素始终是 可变的。类似地，除另有规定外，用户代理不应允许用户修改元素的 值 或 选中状态。

当 input 元素被 禁用 时，它将不再 可变。

readonly 属性在某些情况下（例如，对于 日期 状态，但对于 复选框 状态则不行）也可以阻止 input 元素成为 可变的。

克隆步骤 对于 input 元素，必须将 值、脏值标志、选中状态 和 脏选中状态标志 从被克隆的节点传播到副本。

激活行为 对于 input 元素 element，给定 event，以下为这些步骤

1. 如果 element 不是 可变的，并且不在 复选框 状态，也不在 单选 状态，则返回。

2. 运行 element 的 输入激活行为（如果有），否则不执行任何操作。

3. 在 element 上运行 弹出框目标属性激活行为。

请记住，元素的 激活行为 对用户触发的激活和合成激活（例如，通过 el.click()）都会运行。用户代理也可能对特定控件（此处未指定）具有行为，这些行为仅由真正的用户触发的激活触发。一个常见的选择是 显示选择器（如果适用），用于该控件。相反，输入激活行为 仅对 文件上传 和 颜色 状态的特殊历史案例显示选择器。

传统预激活行为 对于 input 元素，以下为这些步骤

1. 如果此元素的 type 属性处于 复选框状态，则将此元素的 选中状态 设置为其相反的值（即，如果为假，则为真，如果为真，则为假），并将此元素的 indeterminate IDL 属性设置为 false。

2. 如果此元素的 type 属性处于 单选按钮状态，则获取对此元素的 单选按钮组 中 选中状态 设置为 true 的元素的引用（如果有），然后将此元素的 选中状态 设置为 true。

旧版取消激活行为 用于 input 元素的步骤如下

1. 如果元素的 type 属性处于 复选框状态，则将元素的 选中状态 和元素的 indeterminate IDL 属性设置回 旧版预激活行为 运行之前的它们的值。

2. 如果此元素的 type 属性处于 单选按钮状态，则如果在 旧版预激活行为 中获得引用的元素（如果有）仍然在此元素的 单选按钮组 中（如果有），并且如果确实如此，则将该元素的 选中状态 设置为 true；否则，如果没有这样的元素，或者该元素不再在此元素的 单选按钮组 中，或者此元素不再具有 单选按钮组，则将此元素的 选中状态 设置为 false。

当首次创建 input 元素时，元素的渲染和行为必须设置为为 type 属性的状态定义的渲染和行为，并且如果 type 属性的状态定义了 值清理算法，则必须调用该算法。

name 属性表示元素的名称。dirname 属性控制如何提交元素的 方向性。disabled 属性用于使控件不可交互，并防止其值被提交。form 属性用于明确将 input 元素与其 表单所有者 关联。autocomplete 属性控制用户代理如何提供自动填充行为。

indeterminate IDL 属性必须最初设置为 false。在获取时，它必须返回最后一次设置的值。在设置时，它必须设置为新值。除了更改 复选框 控件的外观之外，它没有其他作用。

accept、alt、max、min、multiple、pattern、placeholder、required、size、src 和 step IDL 属性必须 反映 同名内容属性的值。dirName IDL 属性必须 反映 dirname 内容属性的值。readOnly IDL 属性必须 反映 readonly 内容属性的值。defaultChecked IDL 属性必须 反映 checked 内容属性的值。defaultValue IDL 属性必须 反映 value 内容属性的值。

type IDL 属性必须 反映 同名内容属性的值，仅限于已知的值。maxLength IDL 属性必须 反映 maxlength 内容属性的值，仅限于非负数。minLength IDL 属性必须 反映 minlength 内容属性的值，仅限于非负数。

IDL 属性 width 和 height 必须返回图像的渲染宽度和高度，以 CSS 像素 为单位，如果图像正在 渲染；否则返回图像的 自然宽度和高度，以 CSS 像素 为单位，如果图像 可用 但未 渲染；否则返回 0，如果图像 不可用。当 输入 元素的 type 属性不在 图像按钮 状态时，则图像 不可用。 [CSS]

在设置时，它们必须表现得好像它们 反映 了同名内容属性。

IDL 属性 willValidate、validity 和 validationMessage 以及方法 checkValidity()、reportValidity() 和 setCustomValidity() 是 约束验证 API 的一部分。IDL 属性 labels 提供元素的 label 列表。IDL 属性和方法 select()、selectionStart、selectionEnd、selectionDirection、setRangeText() 和 setSelectionRange() 公开了元素的文本选择。IDL 属性 disabled、form 和 name 是元素表单 API 的一部分。

4.10.5.1 type 属性的状态

4.10.5.1.1 隐藏 状态 (type=hidden)

当 输入 元素的 type 属性处于 隐藏 状态时，本节规则适用。

输入 元素 表示 一个用户不打算查看或操作的值。

约束验证：如果 输入 元素的 type 属性处于 隐藏 状态，则它 禁止约束验证。

如果 name 属性存在并且其值为一个与 "_charset_" 进行 ASCII 不区分大小写 匹配的字符串，则该元素的 value 属性必须被省略。

4.10.5.1.2 文本 状态 (type=text) 和 搜索 状态 (type=search)

当 输入 元素的 type 属性处于 文本 状态或 搜索 状态时，本节规则适用。

输入 元素 表示 一个用于元素 值 的单行纯文本编辑控件。

文本 状态和 搜索 状态之间的主要区别在于样式：在搜索控件与普通文本控件有所区分的平台上，搜索 状态可能会导致外观与平台的搜索控件一致，而不是像普通文本控件。

如果该元素 可变，则其 值 应该可以由用户编辑。用户代理不得允许用户将 U+000A 换行符 (LF) 或 U+000D 回车符 (CR) 字符插入到该元素的 值 中。

如果该元素 可变，则用户代理应该允许用户更改该元素的书写方向，将其设置为从左到右的书写方向或从右到左的书写方向。如果用户这样做，用户代理必须随后执行以下步骤

1. 如果用户选择了从左到右的书写方向，则将该元素的 dir 属性设置为 "ltr"；如果用户选择了从右到左的书写方向，则设置为 "rtl"。

2. 将一个元素任务排队 到 用户交互任务源， 给定元素要 触发事件，该事件名为 input， 在元素上，其 冒泡 和 组合 属性初始化为 true。

如果指定了 value 属性， 则其值必须不包含 U+000A LINE FEED (LF) 或 U+000D CARRIAGE RETURN (CR) 字符。

以下为 值清理算法： 从 值 中删除换行符.

4.10.5.1.3 电话 状态 (type=tel)

当 input 元素的 type 属性处于 电话 状态时， 本节规则适用。

input 元素 表示 一个用于编辑电话号码的控件， 该电话号码以元素的 value 给出。

如果该元素是 可变的， 则其 value 应该由用户可编辑。用户代理可能会改变 值 中用户输入的空格和标点符号，但需谨慎。用户代理不能允许用户在元素的 value 中插入 U+000A LINE FEED (LF) 或 U+000D CARRIAGE RETURN (CR) 字符。

如果指定了 value 属性， 则其值必须不包含 U+000A LINE FEED (LF) 或 U+000D CARRIAGE RETURN (CR) 字符。

以下为 值清理算法： 从 值 中删除换行符.

与 URL 和 Email 类型不同， 电话 类型不强制执行特定语法。这是故意的；在实践中，电话号码字段往往是自由格式字段，因为有各种各样的有效电话号码。需要强制执行特定格式的系统鼓励使用 pattern 属性或 setCustomValidity() 方法来连接到客户端验证机制。

4.10.5.1.4 URL 状态 (type=url)

当input元素的type属性处于URL状态时，本节中的规则适用。

该input元素代表一个用于编辑在元素的value中给出的单个绝对URL的控件。

如果元素是可变的，用户代理应该允许用户更改其value所代表的URL。用户代理可以允许用户将value设置为不是有效绝对URL的字符串，但也可能或改为自动转义用户输入的字符，使value始终是有效绝对URL（即使这与用户在界面中看到的和编辑的实际值不符）。用户代理应该允许用户将value设置为空字符串。用户代理不得允许用户将U+000A LINE FEED (LF)或U+000D CARRIAGE RETURN (CR)字符插入到value中。

如果指定了value属性且它不为空，则它的值必须是可能被空格包围的有效URL，它也是一个绝对URL。

值净化算法如下所示：从value中去除换行符，然后从value中去除前导和尾随的ASCII空格。

约束验证：当元素的value既不是空字符串，也不是有效绝对URL时，该元素存在类型不匹配。

<input type="url" name="location" list="urls">
<datalist id="urls">
 <option label="MIME: Format of Internet Message Bodies" value="https://www.rfc-editor.org/rfc/rfc2045">
 <option label="HTML" value="https://html.whatwg.com.cn/">
 <option label="DOM" value="https://dom.spec.whatwg.org/">
 <option label="Fullscreen" value="https://fullscreen.spec.whatwg.org/">
 <option label="Media Session" value="https://mediasession.spec.whatwg.org/">
 <option label="The Single UNIX Specification, Version 3" value="http://www.unix.org/version3/">
</datalist>

4.10.5.1.5 电子邮件 状态 (type=email)

当input元素的type属性处于电子邮件状态时，本节中的规则适用。

电子邮件状态的工作方式取决于是否指定了multiple属性。

当元素上没有指定multiple属性时

该input元素代表一个用于编辑在元素的value中给出的电子邮件地址的控件。

如果元素是 可变的，用户代理应允许用户更改其 值 所代表的电子邮件地址。用户代理可以允许用户将 值 设置为不是 有效电子邮件地址 的字符串。用户代理应以与预期用户提供单个电子邮件地址的方式一致的方式运行。用户代理应允许用户将 值 设置为空字符串。用户代理不得允许用户将 U+000A LINE FEED (LF) 或 U+000D CARRIAGE RETURN (CR) 字符插入到 值 中。用户代理可能会为显示和编辑转换 值；特别是，用户代理应将 值 的域标签中的 punycode 转换为显示中的 IDN，反之亦然。

约束验证：当用户界面表示用户代理无法转换为 punycode 的输入时，该控件 存在错误输入。

如果指定 value 属性且该属性不为空，则该属性的值必须是单个 有效电子邮件地址。

值清理算法 如下所示：从 值 中 删除换行符，然后从 值 中 删除开头和结尾的 ASCII 空格。

约束验证：当元素的 值 既不是空字符串，也不是单个 有效电子邮件地址 时，该元素 存在类型不匹配。

当在元素上指定 multiple 属性时

该 input 元素 表示 用于添加、删除和编辑元素的 值s 中给出的电子邮件地址的控件。

如果元素是 可变的，用户代理应允许用户添加、删除和编辑其 值 所代表的电子邮件地址。用户代理可以允许用户将 值s 列表中的任何单个值设置为不是 有效电子邮件地址 的字符串，但不得允许用户将任何单个值设置为包含 U+002C COMMA (,)、U+000A LINE FEED (LF) 或 U+000D CARRIAGE RETURN (CR) 字符的字符串。用户代理应允许用户删除元素的 值 中的所有地址。用户代理可能会为显示和编辑转换 值；特别是，用户代理应将 值 的域标签中的 punycode 转换为显示中的 IDN，反之亦然。

约束验证：当用户界面描述了一个单个值包含 U+002C COMMA (,) 或表示用户代理无法转换为 punycode 的输入的情况时，该控件 存在错误输入。

每当用户更改元素的 值s 时，用户代理必须运行以下步骤

1. 令 latest values 为元素的 值s 的副本。

2. 从 latest values 中的每个值 删除开头和结尾的 ASCII 空格。

3. 令元素的 值 为连接 latest values 中所有值的结果，使用单个 U+002C COMMA 字符 (,) 将每个值与下一个值分隔开，并保持列表的顺序。

如果指定 value 属性，则该属性的值必须是 有效电子邮件地址列表。

值清理算法 如下所示:

1. 使用元素的 值 按逗号分隔，从每个生成的标记（如果有）中删除开头和结尾的 ASCII 空格，并令元素的 值 为（可能为空的）生成的（可能为空的）标记列表，并保持原始顺序。

2. 令元素的 值 为连接元素的 值 的结果，使用单个 U+002C COMMA 字符 (,) 将每个值与下一个值分隔开，并保持列表的顺序。

约束验证：当元素的 值 不是 有效电子邮件地址列表 时，该元素 存在类型不匹配。

当设置或删除 multiple 属性时，用户代理必须运行 值清理算法。

有效电子邮件地址 是与以下 ABNF 的 email 产生式匹配的字符串，其字符集为 Unicode。此 ABNF 实现了 RFC 1123 中描述的扩展。 [ABNF] [RFC5322] [RFC1034] [RFC1123]

email         = 1*( atext / "." ) "@" label *( "." label )
label         = let-dig [ [ ldh-str ] let-dig ]  ; limited to a length of 63 characters by RFC 1034 section 3.5
atext         = < as defined in RFC 5322 section 3.2.3 >
let-dig       = < as defined in RFC 1034 section 3.5 >
ldh-str       = < as defined in RFC 1034 section 3.5 >

此要求是对 RFC 5322 的 故意违反，RFC 5322 定义了电子邮件地址的语法，该语法既过于严格（在 "@" 字符之前），又过于含糊（在 "@" 字符之后），又过于宽松（允许以大多数用户不熟悉的方式使用注释、空格字符和引号字符串），因此在实践中无法使用。

/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/

有效电子邮件地址列表 是 一组逗号分隔的标记，其中每个标记本身都是一个 有效电子邮件地址。为了从 有效电子邮件地址列表 中获取标记列表，实现必须 按逗号分隔字符串。

4.10.5.1.6 密码 状态 (type=password)

当一个 input 元素的 type 属性处于 密码 状态时，本节中的规则适用。

该 input 元素表示一个针对该元素的 值 的单行纯文本编辑控件。用户代理应该遮蔽该值，以便除了用户以外的其他人无法看到它。

如果该元素是 可变的，它的 值 应该可以由用户编辑。用户代理不得允许用户在 值 中插入 U+000A 换行符 (LF) 或 U+000D 回车符 (CR) 字符。

如果指定了 value 属性，则其值必须不包含 U+000A 换行符 (LF) 或 U+000D 回车符 (CR) 字符。

值清理算法 如下：移除换行符 来自 值。

4.10.5.1.7 日期 状态 (type=date)

当一个 input 元素的 type 属性处于 日期 状态时，本节中的规则适用。

该 input 元素表示一个用于将该元素的 值 设置为一个表示特定 日期 的字符串的控件。

如果该元素是 可变的，用户代理应该允许用户更改其 值 所表示的 日期，该值可通过从该值 解析日期 获得。用户代理不得允许用户将 值 设置为一个非空字符串，该字符串不是 有效的日期字符串。如果用户代理提供了用于选择 日期 的用户界面，则 值 必须设置为一个表示用户选择的 有效的日期字符串。用户代理应该允许用户将 值 设置为空字符串。

约束验证：当用户界面描述用户代理无法转换为 有效的日期字符串 的输入时，该控件 存在错误输入。

请参阅 引言部分，了解有关日期、时间和数字表单控件的输入格式和提交格式之间区别的讨论，以及有关表单控件本地化的 实现说明。

如果指定了 value 属性且不为空，则其值必须是 有效的日期字符串。

值清理算法 如下：如果该元素的 值 不是 有效的日期字符串，则将其设置为空字符串。

如果指定了 min 属性，则其值必须是 有效的日期字符串。如果指定了 max 属性，则其值必须是 有效的日期字符串。

该 step 属性以天为单位表示。该 步长比例因子 为 86,400,000（将天数转换为毫秒，如其他算法中所用）。该 默认步长 为 1 天。

当该元素 存在步长不匹配 时，用户代理可能会将该元素的 值 舍入到最接近的 日期，对于该日期，该元素不会 存在步长不匹配。

将字符串转换为数字的算法，给定一个字符串 input，如下所示：如果从 input 解析日期 导致错误，则返回错误；否则，返回从 1970-01-01 早晨 UTC 零时（由值“1970-01-01T00:00:00.0Z”表示的时间）到解析的 日期 早晨 UTC 零时（忽略闰秒）经过的毫秒数。

给定一个数字 input，将数字转换为字符串的算法 如下所示： 返回一个 有效的日期字符串，该字符串表示在 UTC 时区中，自 1970-01-01 凌晨（“1970-01-01T00:00:00.0Z” 所表示的时间）起，经过 input 毫秒后的 日期。

给定一个字符串 input，将字符串转换为 Date 对象的算法 如下所示： 如果从 input 中 解析日期 导致错误，则返回错误；否则，返回一个 新的 Date 对象，该对象表示解析后的 日期 凌晨的 UTC 时间。

给定一个 Date 对象 input，将 Date 对象转换为字符串的算法 如下所示： 返回一个 有效的日期字符串，该字符串表示 input 在 UTC 时区中所表示时间的 日期。

4.10.5.1.8 Month 状态 (type=month)

当一个 input 元素的 type 属性处于 Month 状态时，本节中的规则适用。

input 元素 表示 一个控件，用于将该元素的 value 设置为一个字符串，该字符串表示一个特定的 月份。

如果该元素是 可变的，用户代理应允许用户更改其 value 所表示的 月份，方法是通过从该值中 解析月份 来获得。用户代理不得允许用户将 value 设置为非空字符串，该字符串不是 有效的月份字符串。如果用户代理提供了用于选择 月份 的用户界面，那么 value 必须设置为一个 有效的月份字符串，该字符串表示用户的选择。用户代理应允许用户将 value 设置为空字符串。

约束验证： 当用户界面描述了用户代理无法转换为 有效的月份字符串 的输入时，该控件 存在输入错误。

请参阅 引言部分，了解有关日期、时间和数字表单控件的输入格式和提交格式之间区别的讨论，以及有关表单控件本地化的 实现说明。

value 属性，如果已指定且不为空，其值必须是 有效的月份字符串。

值清理算法 如下所示： 如果该元素的 value 不是 有效的月份字符串，则将其设置为空字符串。

min 属性，如果已指定，其值必须是 有效的月份字符串。 max 属性，如果已指定，其值必须是 有效的月份字符串。

step 属性以月份表示。步长比例因子 为 1（不需要转换，因为算法使用月份）。默认步长 为 1 个月。

当该元素 存在步长不匹配 时，用户代理可以将该元素的 value 四舍五入到最接近的 月份，对于该月份，该元素不会 存在步长不匹配。

给定一个字符串 input，将字符串转换为数字的算法 如下所示： 如果从 input 中 解析月份 导致错误，则返回错误；否则，返回解析后的 月份 与 1970 年 1 月之间的月份数。

给定一个数字 input，将数字转换为字符串的算法 如下所示： 返回一个 有效的月份字符串，该字符串表示与 1970 年 1 月之间的月份数为 input 的 月份。

给定一个字符串 input，将字符串转换为 Date 对象的算法 如下所示：如果从 input 中 解析月份 出现错误，则返回错误；否则，返回 一个新的 Date 对象，表示解析的 月份 第一天的凌晨 UTC 时间。

给定一个 Date 对象 input，将 Date 对象转换为字符串的算法 如下所示：返回一个 有效的月份字符串，表示 input 所代表的时间在 UTC 时区中的 月份。

4.10.5.1.9 周 状态 (type=week)

当 input 元素的 type 属性处于 周 状态时，本节中的规则适用。

input 元素 表示 用于将元素的 值 设置为表示特定 周 的字符串的控件。

如果该元素是 可变的，则用户代理应允许用户更改其 值 所代表的 周，方法是 从该值中解析周。用户代理不得允许用户将 值 设置为非空字符串，该字符串不是 有效的周字符串。如果用户代理提供了用于选择 周 的用户界面，则 值 必须设置为表示用户选择的 有效的周字符串。用户代理应允许用户将 值 设置为空字符串。

约束验证：当用户界面描述了用户代理无法转换为 有效的周字符串 的输入时，该控件 遭受不良输入。

请参阅 引言部分，了解有关日期、时间和数字表单控件的输入格式和提交格式之间区别的讨论，以及有关表单控件本地化的 实现说明。

value 属性（如果指定且不为空）的值必须是 有效的周字符串。

值清理算法 如下所示：如果元素的 值 不是 有效的周字符串，则将其设置为空字符串。

min 属性（如果指定）的值必须是 有效的周字符串。如果指定了 max 属性，则其值必须是 有效的周字符串。

step 属性以周为单位表示。 步长比例因子 为 604,800,000（将周转换为毫秒，如其他算法中所用）。 默认步长 为 1 周。 默认步长基数 为 -259,200,000（1970-W01 周的开始时间）。

当元素 遭受步长不匹配 时，用户代理可以将元素的 值 四舍五入到最近的 周，对于该周，该元素不会 遭受步长不匹配。

给定一个字符串 input，将字符串转换为数字的算法 如下所示：如果从 input 中 解析周字符串 出现错误，则返回错误；否则，返回从 1970-01-01 凌晨 UTC 时间（由值“1970-01-01T00:00:00.0Z”表示的时间）到解析的 周 的星期一的凌晨 UTC 时间（忽略闰秒）所经过的毫秒数。

给定一个数字 input，将数字转换为字符串的算法 如下所示：返回一个 有效的周字符串，表示在 UTC 中，该周是 1970-01-01 凌晨 UTC 时间（由值“1970-01-01T00:00:00.0Z”表示的时间）之后的 input 毫秒。

给定一个字符串 input，将字符串转换为 Date 对象的算法 如下所示：如果从 input 中 解析周 出现错误，则返回错误；否则，返回 一个新的 Date 对象，表示解析的 周 的星期一的凌晨 UTC 时间。

给定一个 Date 对象 input，将 Date 对象转换为字符串的算法 如下所示：返回一个 有效的周字符串，表示 input 所代表的时间在 UTC 时区中的 周。

4.10.5.1.10 时间 状态 (type=time)

当 input 元素的 type 属性处于 时间 状态时，本节中的规则适用。

input 元素 表示 一个用于设置元素 值 为表示特定 时间 的字符串的控件。

如果该元素是 可变的，则用户代理应允许用户更改其 值 所表示的 时间，该值可通过 解析时间 从中获取。用户代理不得允许用户将 值 设置为不是 有效时间字符串 的非空字符串。如果用户代理提供了用于选择 时间 的用户界面，则 值 必须设置为表示用户选择的 有效时间字符串。用户代理应允许用户将 值 设置为空字符串。

约束验证：当用户界面描述用户代理无法转换为 有效时间字符串 的输入时，该控件为 存在输入错误。

请参阅 引言部分，了解有关日期、时间和数字表单控件的输入格式和提交格式之间区别的讨论，以及有关表单控件本地化的 实现说明。

如果指定了 value 属性且不为空，则其值必须为 有效时间字符串。

值清理算法 如下：如果元素的 值 不是 有效时间字符串，则将其设置为空字符串。

该表单控件 具有周期性域。

如果指定了 min 属性，则其值必须为 有效时间字符串。如果指定了 max 属性，则其值必须为 有效时间字符串。

step 属性以秒为单位表示。 步长比例因子 为 1000（将秒转换为毫秒，如其他算法中所用）。 默认步长 为 60 秒。

当元素 存在步长不匹配 时，用户代理可能会将元素的 值 四舍五入到最接近的 时间，对于该时间元素不会 存在步长不匹配。

将字符串转换为数字的算法，给定字符串 input，如下：如果 从 input 解析时间 导致错误，则返回错误；否则，返回从午夜到解析的 时间（在没有时间变化的一天）经过的毫秒数。

将数字转换为字符串的算法，给定数字 input，如下：返回表示从午夜起经过 input 毫秒的时间的 有效时间字符串（在没有时间变化的一天）。

将字符串转换为 Date 对象的算法，给定字符串 input，如下：如果 从 input 解析时间 导致错误，则返回错误；否则，返回 一个新的 Date 对象，表示 1970-01-01 UTC 的解析的 时间。

将 Date 对象转换为字符串的算法，给定 Date 对象 input，如下：返回表示 input 所表示的 UTC 时间 组件的 有效时间字符串。

4.10.5.1.11 本地日期和时间 状态 (type=datetime-local)

当 input 元素的 type 属性处于 本地日期和时间 状态时，本节中的规则适用。

该 input 元素表示 用于设置元素的 值 的控件，该值是一个字符串，表示本地日期和时间，不带时区偏移信息。

如果该元素是 可变的，则用户代理应允许用户更改其 值 所表示的 日期和时间，方法是解析日期和时间。用户代理不得允许用户将 值 设置为非空字符串，该字符串不是 有效的规范化的本地日期和时间字符串。如果用户代理提供一个用户界面用于选择 本地日期和时间，则 值 必须设置为 有效的规范化的本地日期和时间字符串，该字符串表示用户选择。用户代理应允许用户将 值 设置为空字符串。

约束验证：虽然用户界面描述了用户代理无法转换为 有效的规范化的本地日期和时间字符串 的输入，但控件存在错误输入。

请参阅 引言部分，了解有关日期、时间和数字表单控件的输入格式和提交格式之间区别的讨论，以及有关表单控件本地化的 实现说明。

该 value 属性（如果已指定且不为空）必须具有一个 有效的本地日期和时间字符串 的值。

值清理算法 如下：如果元素的 值 是 有效的本地日期和时间字符串，则将其设置为表示同一日期和时间的 有效的规范化的本地日期和时间字符串；否则，将其设置为空字符串。

该 min 属性（如果已指定）必须具有一个 有效的本地日期和时间字符串 的值。该 max 属性（如果已指定）必须具有一个 有效的本地日期和时间字符串 的值。

该 step 属性以秒为单位表示。该 步进比例因子 为 1000（将秒转换为毫秒，如其他算法中使用）。该 默认步进 为 60 秒。

当元素存在步进不匹配时，用户代理可以将元素的 值 四舍五入到最近的 本地日期和时间，这样元素就不会存在步进不匹配。

将字符串转换为数字的算法，给定字符串 input，如下：如果解析日期和时间 从 input 中结果是错误，则返回错误；否则，返回从 1970-01-01 上午午夜（由值 "1970-01-01T00:00:00.0" 表示的时间）到解析的 本地日期和时间 的经过毫秒数，忽略闰秒。

将数字转换为字符串的算法，给定数字 input，如下：返回一个 有效的规范化的本地日期和时间字符串，该字符串表示 1970-01-01 上午午夜（由值 "1970-01-01T00:00:00.0" 表示的时间）之后的 input 毫秒的日期和时间。

请参阅有关历史日期的说明，位于 日期 状态部分。

<fieldset>
 <legend>Destination</legend>
 <p><label>Airport: <input type=text name=to list=airports></label></p>
 <p><label>Departure time: <input type=datetime-local name=totime step=3600></label></p>
</fieldset>
<datalist id=airports>
 <option value=ATL label="Atlanta">
 <option value=MEM label="Memphis">
 <option value=LHR label="London Heathrow">
 <option value=LAX label="Los Angeles">
 <option value=FRA label="Frankfurt">
</datalist>

4.10.5.1.12 数字 状态（type=number）

当input元素的type属性处于数字状态时，本节中的规则适用。

该input元素表示一个用于将元素的value设置为表示数字的字符串的控件。

如果该元素是可变的，用户代理应该允许用户更改其value所表示的数字，该数字是通过将浮点数解析规则应用于它得到的。用户代理不得允许用户将value设置为非空字符串，该字符串不是一个有效的浮点数。如果用户代理提供了一个用于选择数字的用户界面，则value必须设置为用户选择所表示数字的浮点数最佳表示。用户代理应该允许用户将value设置为空字符串。

**约束验证**：当用户界面描述了用户代理无法转换为有效的浮点数的输入时，该控件处于输入错误状态。

本规范没有定义用户代理应该使用什么用户界面；鼓励用户代理供应商考虑什么最符合其用户的需求。例如，在波斯语或阿拉伯语市场中的用户代理可能支持波斯语和阿拉伯语数字输入（将其转换为如上所述提交所需的格式）。类似地，为罗马人设计的用户代理可能以罗马数字而不是十进制数字显示值；或者（更现实地），为法国市场设计的用户代理可能以千分位数之间的撇号和十进制数之前的逗号显示值，并允许用户以这种方式输入值，在内部将其转换为上面描述的提交格式。

如果指定了value属性且该属性不为空，则该属性的值必须是一个有效的浮点数。

**值清理算法如下所示**：如果元素的value不是一个有效的浮点数，则将其设置为空字符串。

如果指定了min属性，则该属性的值必须是一个有效的浮点数。如果指定了max属性，则该属性的值必须是一个有效的浮点数。

步长比例因子为 1。默认步长为 1（仅允许用户选择整数，除非步长基数具有非整数值）。

当元素处于步长不匹配状态时，用户代理可以将元素的value四舍五入到最接近的数字，对于该数字，元素不会处于步长不匹配状态。如果有两个这样的数字，鼓励用户代理选择最接近正无穷大的那个。

**将字符串转换为数字的算法，给定一个字符串input，如下所示**：如果将浮点数解析规则应用于input会导致错误，则返回错误；否则，返回结果数字。

**将数字转换为字符串的算法，给定一个数字input，如下所示**：返回一个有效的浮点数，它表示input。

<label>How much do you want to charge? $<input type=number min=0 step=0.01 name=price></label>

type=number 状态不适用于仅由数字组成的输入，但严格来说不是数字。例如，它不适合信用卡号或美国邮政编码。确定是否使用type=number 的一个简单方法是考虑输入控件是否有意义地使用旋钮界面（例如，带有“向上”和“向下”箭头）。信用卡号码的最后一位数字错一位不是小错误，它和所有数字都错误一样错误。因此，用户不应使用“向上”和“向下”按钮来选择信用卡号码。当旋钮界面不合适时，type=text 可能是正确选择（可能带有一个 inputmode 或 pattern 属性）。

4.10.5.1.13 范围 状态 (type=range)

当 input 元素的 type 属性处于 范围 状态时，本节中的规则适用。

该 input 元素 表示一个用于将元素的 value 设置为表示数字的字符串的控件，但前提是确切的值不重要，允许 UA 提供比 数字 状态更简单的界面。

如果元素是 可变 的，用户代理应允许用户更改其 value 所表示的数字，该数字是通过将 解析浮点数值的规则 应用于它得到的。用户代理不得允许用户将 value 设置为不是 有效浮点数 的字符串。如果用户代理提供了一个用于选择数字的用户界面，那么 value 必须设置为 用户选择的数字作为浮点数的最佳表示。用户代理不得允许用户将 value 设置为空字符串。

约束验证：虽然用户界面描述了用户代理无法转换为 有效浮点数 的输入，但控件是 存在错误输入。

如果指定了 value 属性，则其值必须为 有效浮点数。

值清理算法 如下：如果元素的 value 不是 有效浮点数，则将其设置为 作为浮点数的最佳表示，即 默认值。

默认值 是 最小值 加上 最小值 和 最大值 之差的一半，除非 最大值 小于 最小值，在这种情况下，默认值 为 最小值。

当元素 出现下溢 时，用户代理必须将元素的 value 设置为 作为浮点数的最佳表示，即 最小值。

当元素 出现上溢 时，如果 最大值 不小于 最小值，则用户代理必须将元素的 value 设置为 有效浮点数，该浮点数表示 最大值。

当元素 出现步长不匹配 时，用户代理必须将元素的 value 四舍五入到最接近的数字，对于该数字，元素不会 出现步长不匹配，并且该数字大于或等于 最小值，以及如果 最大值 不小于 最小值，则该数字小于或等于 最大值，如果有数字符合这些约束。如果两个数字符合这些约束，则用户代理必须使用最接近正无穷大的那个。

例如，标记 <input type="range" min=0 max=100 step=20 value=50> 会生成一个范围控件，其初始值为 60。

<input type="range" min="-100" max="100" value="0" step="10" name="power" list="powers">
<datalist id="powers">
<option value="0">
<option value="-30">
<option value="30">
 <option value="++50">
</datalist>

input { writing-mode: vertical-lr; height: 75px; width: 49px; background: #D5CCBB; color: black; }

<input name=x type=range min=100 max=700 step=9.09090909 value=509.090909>

<input type="range" name="a" list="a-values">
<datalist id="a-values">
<option value="10" label="Low">
<option value="90" label="High">
</datalist>

在这种状态下，即使在用户输入期间，也会强制执行范围和步长约束，并且没有办法将值设置为为空字符串。

如果指定了 min 属性，则其值必须为 有效浮点数。默认最小值 为 0。如果指定了 max 属性，则其值必须为 有效浮点数。默认最大值 为 100。

步长比例因子 为 1。默认步长 为 1（仅允许整数，除非 min 属性具有非整数值）。

将字符串转换为数字的算法，给定字符串 input，如下所示：如果将 解析浮点数值的规则 应用于 input 会导致错误，则返回错误；否则，返回结果数字。

将数字转换为字符串的算法，给定数字 input，如下所示：返回 作为浮点数的最佳表示，即 input。

4.10.5.1.14 颜色 状态 (type=color)

当输入 元素的type 属性处于颜色 状态时，本节中的规则适用。

输入 元素表示一个颜色选择器，用于将元素的值设置为表示简单颜色的字符串。

在此状态下，始终会选择一种颜色，并且无法将值设置为空字符串。

如果该元素是可变的，则用户代理应允许用户更改其值所表示的颜色，该值可通过对解析简单颜色值的规则应用于该值来获得。用户代理不得允许用户将值设置为不是有效的 lowercase 简单颜色的字符串。如果用户代理为选择颜色提供了用户界面，则值必须设置为使用序列化简单颜色值的规则对用户的选择进行处理的结果。用户代理不得允许用户将值设置为空字符串。

此类元素element的输入激活行为是显示选择器（如果适用），用于element。

约束验证：当用户界面描述用户代理无法转换为有效的 lowercase 简单颜色的输入时，该控件处于错误输入状态。

value 属性（如果指定且不为空）必须具有一个有效的简单颜色值。

值清理算法如下：如果元素的值是有效的简单颜色，则将其设置为元素的值转换为 ASCII lowercase；否则，将其设置为字符串 "#000000"。

4.10.5.1.15 复选框 状态 (type=checkbox)

当 input 元素的 type 属性处于 复选框 状态时，本节中的规则适用。

该 input 元素 表示 一个双状态控件，它代表元素的 选中 状态。如果元素的 选中 状态为真，则控件表示正向选择，如果为假，则表示负向选择。如果元素的 indeterminate IDL 属性设置为 true，则控件的选择应被遮蔽，就像控件处于第三种不确定的状态一样。

该控件永远不是真正的三态控件，即使元素的 indeterminate IDL 属性设置为 true。该 indeterminate IDL 属性只提供第三种状态的外观。

该 输入激活行为 是执行以下步骤

1. 如果该元素不是 已连接，则返回。

2. 触发事件，事件名为 input，在元素上触发，并设置 bubbles 和 composed 属性为 true。

3. 触发事件，事件名为 change，在元素上触发，并设置 bubbles 属性为 true。

约束验证：如果该元素是 必需 并且它的 选中 状态为假，则该元素 正在被遗漏。

input.indeterminate [ = value ]

当设置时，会覆盖 复选框 控件的渲染，使当前值不可见。

4.10.5.1.16 单选按钮 状态 (type=radio)

当 input 元素的 type 属性处于 单选按钮 状态时，本节中的规则适用。

该 input 元素 表示 一个控件，当与其他 input 元素一起使用时，会形成一个 单选按钮组，其中只有一个控件可以将其 选中 状态设置为 true。如果元素的 选中 状态为真，则控件表示该组中选中的控件，如果为假，则表示该组中未选中的控件。

包含 input 元素 a 的 单选按钮组 还包含所有满足以下所有条件的其他 input 元素 b

• 该 input 元素 b 的 type 属性处于 单选按钮 状态。
• a 和 b 具有相同的 表单所有者，或者它们都没有 表单所有者。
• a 和 b 都在相同的 树 中。
• 它们都有一个 name 属性，它们的 name 属性不为空，并且 a 的 name 属性的值等于 b 的 name 属性的值。

一个 树 不得包含一个 input 元素，其 单选按钮组 仅包含该元素。

当发生以下任何现象时，如果元素的 选中 状态在发生后为 true，则同一 单选按钮组 中所有其他元素的 选中 状态必须设置为 false

• 元素的 选中 状态被设置为 true（无论出于何种原因）。
• 元素的 name 属性被设置、更改或移除。
• 元素的 表单所有者 发生变化。
• 类型变更信号 为元素发出。

该 输入激活行为 是执行以下步骤

1. 如果该元素不是 已连接，则返回。

2. 触发事件，事件名为 input，在元素上触发，并设置 bubbles 和 composed 属性为 true。

3. 触发事件，事件名为 change，在 bubbles 属性初始化为 true 的元素上触发。

约束验证：如果 单选按钮组 中的某个元素是 必填 的，并且 单选按钮组 中所有 input 元素的 选中状态 都为 false，则该元素处于 缺失状态。

<form>
 <p><label><input type="radio" name="dog-type" value="pupper" required disabled> Pupper</label>
 <p><label><input type="radio" name="dog-type" value="doggo"> Doggo</label>
 <p><button>Make your choice</button>
</form>

如果 单选按钮组 中的任何单选按钮都没有选中，那么它们在界面中将最初都处于未选中状态，直到其中一个被选中（由用户或脚本选中）。

4.10.5.1.17 文件上传 状态 (type=file)

当 input 元素的 type 属性处于 文件上传 状态时，本节中的规则适用。

input 元素表示 一系列 选定的文件，每个文件都包含文件名、文件类型和文件体（文件内容）。

文件名不得包含 路径组件，即使用户选择了整个目录层次结构或来自不同目录的具有相同名称的多个文件。出于 文件上传 状态的目的，路径组件 是文件名中由 U+005C 反斜杠字符（\）字符分隔的那些部分。

除非 multiple 属性被设置，否则 选定的文件 列表中不得存在超过一个文件。

此类元素 element 的 输入激活行为 是显示选择器（如果适用），用于 element。

如果元素是 可变 的，用户代理应允许用户以其他方式更改列表上的文件，例如，通过拖放添加或删除文件。当用户这样做时，用户代理必须更新元素的文件选择。

如果元素不是 可变 的，用户代理不得允许用户更改元素的选择。

要更新元素的文件选择，对于元素 element

1. 在元素任务队列中排队，在给定 element 和以下步骤的情况下，在用户交互任务源 上。

   1. 更新 element 的 选定的文件，使其代表用户的选择。

   2. 触发事件，事件名为 input，在 input 元素上触发，bubbles 和 composed 属性初始化为 true。

   3. 触发事件，事件名为 change，在 input 元素上触发，bubbles 属性初始化为 true。

约束验证：如果元素是 必填 的，并且 选定的文件 列表为空，则该元素处于 缺失状态。

accept 属性可以指定以向用户代理提供有关将接受哪些文件类型的提示。

如果指定了该属性，则该属性必须包含一个 以逗号分隔的令牌集，每个令牌必须与以下内容中的一个进行 ASCII 不区分大小写 匹配

字符串“audio/*”

表示接受声音文件。

字符串“video/*”

表示接受视频文件。

字符串“image/*”

表示接受图像文件。

一个有效的 MIME 类型字符串，不带参数

表示接受指定类型的文件。

一个字符串，其第一个字符为 U+002E FULL STOP 字符 (.)

表示接受具有指定文件扩展名的文件。

这些标记不能是ASCII 不区分大小写 匹配任何其他标记（即不允许重复）。为了从属性中获取标记列表，用户代理必须以逗号分割属性值。

用户代理可以使用此属性的值来显示比通用文件选择器更合适的用户界面。例如，给定值 image/*，用户代理可以为用户提供使用本地相机或从其照片收藏中选择照片的选项；给定值 audio/*，用户代理可以为用户提供使用耳机麦克风录制剪辑的选项。

用户代理应阻止用户选择未被这些标记中一个（或多个）接受的文件。

鼓励作者在查找特定格式的数据时指定任何 MIME 类型和任何相应的扩展名。

<input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">

扩展名往往是模棱两可的（例如，有无数种使用“.dat”扩展名的格式，并且用户通常可以非常轻松地将他们的文件重命名为具有“.doc”扩展名，即使它们不是 Microsoft Word 文档），而 MIME 类型往往不可靠（例如，许多格式没有正式注册的类型，许多格式在实践中使用多种不同的 MIME 类型进行标记）。提醒作者，与往常一样，应谨慎处理从客户端接收的数据，因为它可能不是预期的格式，即使用户不是恶意的，并且用户代理完全服从了accept 属性的要求。

function extractFilename(path) {
  if (path.substr(0, 12) == "C:\\fakepath\\")
    return path.substr(12); // modern browser
  var x;
  x = path.lastIndexOf('/');
  if (x >= 0) // Unix-based path
    return path.substr(x+1);
  x = path.lastIndexOf('\\');
  if (x >= 0) // Windows-based path
    return path.substr(x+1);
  return path; // just the filename
}

<p><input type=file name=image onchange="updateFilename(this.value)"></p>
<p>The name of the file you picked is: <span id="filename">(none)</span></p>
<script>
 function updateFilename(path) {
   var name = extractFilename(path);
   document.getElementById('filename').textContent = name;
 }
</script>

4.10.5.1.18 提交按钮 状态 (type=submit)

当input 元素的type 属性处于提交按钮 状态时，本节中的规则适用。

该input 元素表示一个按钮，当激活时，它会提交表单。如果该元素具有value 属性，则按钮的标签必须是该属性的值；否则，它必须是实现定义的字符串，表示“提交”或类似的意思。该元素是按钮，特别是提交按钮。

由于默认标签是实现定义的，并且按钮的宽度通常取决于按钮的标签，因此按钮的宽度可能会泄漏一些可指纹识别的信息。这些位可能与用户代理的身份和用户的区域设置高度相关。

给定event，该元素的输入激活行为如下

1. 如果该元素没有表单所有者，则返回。

2. 如果该元素的节点文档不是完全活跃的，则返回。

3. 提交 该元素的表单所有者，来自该元素，userInvolvement 设置为event 的用户导航参与度。

该formaction、formenctype、formmethod、formnovalidate 和 formtarget 属性是用于表单提交的属性。

该formnovalidate 属性可用于创建不会触发约束验证的提交按钮。

4.10.5.1.19 图像按钮 状态 (type=image)

当 input 元素的 type 属性处于 图像按钮 状态时，本节中的规则适用。

input 元素 代表 用户可以选择坐标并提交表单的图像，或者代表用户可以提交表单的按钮。该元素是 按钮，具体来说是 提交按钮。

该坐标通过发送两个元素条目发送到服务器，在表单提交期间，这些条目源自控件的名称，但将 ".x" 和 ".y" 附加到名称上，分别与坐标的 x 和 y 分量对应。

该图像由 src 属性给出。 src 属性必须存在，并且必须包含一个 有效的非空 URL，该 URL 可能包含空格，引用一个非交互式的、可选的动画图像资源，该资源既不是分页的，也不是脚本化的。

当以下任何事件发生时

• input 元素的 type 属性首先被设置为 图像按钮 状态（可能是在元素首次创建时），并且 src 属性存在
• input 元素的 type 属性被更改回 图像按钮 状态，并且 src 属性存在，并且自上次 type 属性处于 图像按钮 状态以来，它的值已经改变
• input 元素的 type 属性处于 图像按钮 状态，并且 src 属性被设置或更改

然后，除非用户代理无法支持图像，或者它对图像的支持已被禁用，或者用户代理仅按需获取图像，或者 src 属性的值为空字符串，否则执行以下步骤

1. 令 url 为根据 src 属性的值相对于元素的 节点文档 编码解析 URL 的结果。

2. 如果 url 失败，则返回。

3. 令 request 为一个新的 请求，其 URL 为 url，客户端 为元素的 节点文档 的 相关设置对象，目标 为 "image"，发起者类型 为 "input"，凭据模式 为 "include"，并且其 使用 URL 凭据标志 已设置。

4. 获取 request，processResponseEndOfBody 设置为以下步骤，给定 响应 response

   1. 如果下载成功且图像 可用，则 在用户交互任务源上排队一个元素任务，该任务源给定 input 元素，以 触发名为 load 的事件，位于 input 元素上。

   2. 否则，如果获取过程在没有来自远程服务器的响应的情况下失败，或者已完成但图像不是有效或受支持的图像，则 在用户交互任务源上排队一个元素任务，该任务源给定 input 元素，以 触发名为 error 的事件，位于 input 元素上。

获取图像必须 延迟元素的节点文档的 load 事件，直到 任务（该任务由网络任务源排队，并在资源已获取后定义）已运行。

如果图像已成功获取，没有网络错误，并且图像的类型是受支持的图像类型，并且图像是该类型的有效图像，则该图像被称为 可用。如果在图像完全下载之前，此情况为真，则在获取图像期间，网络任务源排队的每个 任务 必须适当地更新图像的呈现。

用户代理应应用 图像嗅探规则 来确定图像的类型，其中图像的 相关 Content-Type 标头 提供了 官方类型。如果未应用这些规则，则图像的类型必须是图像的 相关 Content-Type 标头 中给出的类型。

用户代理不得使用 input 元素来支持非图像资源。用户代理不得运行嵌入在图像资源中的可执行代码。用户代理必须仅显示多页资源的第一页。用户代理不得允许该资源以交互方式运行，但应遵守该资源中的任何动画。

alt 属性 为无法使用图像的用户和用户代理提供按钮的文字标签。alt 属性必须存在，并且必须包含一个非空字符串，该字符串提供如果图像不可用，则等效按钮的适当标签。

input 元素支持 尺寸属性。

如果 src 属性已设置，并且图像 可用 且用户代理配置为显示该图像，则该元素 代表 用于从 src 属性指定的图像中选择 坐标 的控件。在这种情况下，如果该元素 可变，则用户代理应允许用户选择此 坐标。

否则，该元素 代表 一个提交按钮，其标签由 alt 属性的值给出。

元素的 输入激活行为 给定 event 如下所示

1. 如果该元素没有 表单所有者，则返回。

2. 如果该元素的 节点文档 不是 完全激活，则返回。

3. 如果用户在明确选择坐标时激活了控件，则将该元素的 选定坐标 设置为该坐标。

   这只有在上面概述的条件下才有可能，当该元素 代表 用于选择此类坐标的控件时。即使这样，用户也可能在没有明确选择坐标的情况下激活控件。

4. 提交 该元素的 表单所有者，来自该元素，其中 userInvolvement 设置为 event 的 用户导航参与。