HTML5 引入了多种新的 类型,旨在提供更好的语义化、减少对 JavaScript 验证的依赖,并显著改善移动设备上的用户体验(例如呼出特定的软键盘)。 以下是 HTML5 新增的 Input 类型及其功能详解: 1. 文本与格式类 用途: 用于输入电子邮件地址。 特性: 提交表单时会自动验证格式(是否包含 @ 等)。在移动设备上,会呼出带有 和 的专用键盘。 用途: 用于输入网址。 特性: 提交时自动验证 URL 格式。移动设备上会呼出带有 或 的键盘。 用途: 用于输入电话号码。 特性: 不会自动验证格式(因为全球号码格式不统一),但在移动设备上通常会呼出纯数字键盘。 用途: 用于搜索框。 特性: 行为类似 ,但在某些浏览器中会有独特的样式(如圆角、右侧出现“清除”叉号 )。 2. 数值与范围类 用途: 用于输入数值。 特性: 浏览器通常显示微调按钮(上下箭头)。可以配合 、 和 属性限制范围和步长。移动端呼出数字键盘。 用途: 用于输入不要求非常精确的数值范围。 特性: 显示为滑动条(Slider)。同样支持 、 和 。 3. 日期与时间类 用途: 选择年、月、日。 特性...