比建立一个可捕获电子邮件地址的HTML表单更容易,比如通讯或通知? 当然,请以这种形式篡改电子邮件地址,然后让您的浏览器记住所有注册表单的错误地址。
如果您想验证输入到您的表单中的电子邮件地址,但要避免复杂的修补和脚本,HTML5可让您依靠浏览器 - 无需付出努力,也无需转向使用JavaScript。
使用HTML5验证电子邮件地址
让用户的浏览器验证电子邮件地址,并将它们输入到您的HTML Web表单中:
- 确保你使用HTML5。
- 你可以通过使用。
- 指定电子邮件地址表单输入元素为类型“email”。 (请参阅下面的示例。)
无法识别type =“email”的浏览器应该(并且据我们所知,所有将会)像普通的type =“text”字段一样处理输入字段。
HTML5电子邮件地址验证警告
请注意,HTML电子邮件地址验证仅适用于支持HTML5和验证表单元素输入的浏览器。 例如,对于其他浏览器和备份,您仍然可以使用PHP验证电子邮件地址 。
支持HTML5电子邮件地址验证的浏览器包括Safari 5+,Google Chrome 6+,Mozilla Firefox 4+和Opera 10+。 Safari 5和Google Chrome 6-8不会接受无效的电子邮件地址输入,但与其他浏览器不同,它不会帮助用户更正错误。
HTML5电子邮件地址验证示例
要吸引用户的浏览器使用HTML5验证电子邮件地址,请使用以下代码,例如: