表单属性详细介绍

HTML 元素属性可以增强您的 <form> 和表单控件。

帮助用户填写表单控件

为了让用户更轻松地填写表单 请为您的 <input> 元素使用适当的 type 属性。

浏览器会显示适合 type 的界面, 例如 date 类型的 <input> 的日期选择器。 移动设备上的浏览器会显示自适应屏幕键盘, 例如 type="tel" 的电话号码小键盘。

某些 <input> 类型还会在提交元素的表单时更改元素的验证规则。 例如,<input type="url"> 仅在不为空且值为网址时才有效。

确保用户输入数据

在触摸设备上提供适当的屏幕键盘具有不同的属性。 第一种方式是使用 type 属性,如上所述。

另一个选项是 inputmode 属性支持的 Android 和 iOS。 与 type 属性相比,inputmode 属性仅更改屏幕键盘 而不是元素本身的行为。如果您想inputmode 虽然保留了默认界面和 <input> 的默认验证规则,但仍希望 经过优化的屏幕键盘。