HTML入门-第十九篇：HTML5表单增强（上）

第十九篇：HTML5表单增强（上）

新的输入类型（一）

（一）email 输入类型

在HTML5之前，若要验证用户输入的邮箱格式是否正确，通常需要借助JavaScript编写复杂的验证代码。而HTML5引入的 email 输入类型，大大简化了这一过程。当将 <input> 标签的 type 属性设置为 email 时，浏览器会自动对用户输入的内容进行邮箱格式验证。如果用户输入的内容不符合邮箱格式规范（例如缺少 @ 符号或域名部分不完整等），在表单提交时，浏览器会阻止提交并显示相应的提示信息，告知用户输入格式有误。

（二）tel 输入类型

tel 输入类型专门用于电话号码的输入。虽然它不会像 email 输入类型那样对输入内容进行严格的格式验证（因为不同国家和地区的电话号码格式差异较大），但它可以为移动设备提供更好的用户体验。当用户在移动设备上点击 type="tel" 的输入框时，设备会弹出数字键盘，方便用户快速输入电话号码。

（三）示例展示用法

以下是一个包含 email 和 tel 输入类型的HTML表单示例：