HTML 元素属性可以增强您的 <form>
和表单控件。
帮助用户填写表单控件
为了让用户更轻松地填写表单
请为您的 <input>
元素使用适当的 type
属性。
浏览器会显示适合 type
的界面,
例如 date
类型的 <input>
的日期选择器。
移动设备上的浏览器会显示自适应屏幕键盘,
例如 type="tel"
的电话号码小键盘。
某些 <input>
类型还会在提交元素的表单时更改元素的验证规则。
例如,<input type="url">
仅在不为空且值为网址时才有效。
确保用户输入数据
在触摸设备上提供适当的屏幕键盘具有不同的属性。
第一种方式是使用 type
属性,如上所述。
另一个选项是 inputmode
属性支持的
Android 和 iOS。
与 type
属性相比,inputmode
属性仅更改屏幕键盘
而不是元素本身的行为。如果您想inputmode
虽然保留了默认界面和 <input>
的默认验证规则,但仍希望
经过优化的屏幕键盘。