HTML 5的输入类型电子邮件如何工作,并且可靠吗?

速度

我正在制作一个使用电子邮件地址的表单,并决定是使用JavaScriptinput type='email'还是input type='text'使用JavaScript进行验证。我知道确定电子邮件地址是否为有效格式是一项艰巨的任务,所以有人知道HTML 5的电子邮件属性对它的作用如何吗?

使用电子邮件属性的原因

  • 使我免于编写复杂的正则表达式
  • 代码可读性
  • 输入无效的电子邮件地址时看起来不错

不使用电子邮件属性的原因

  • 不知道它的工作原理如何
  • 对于无效输入,外观与表单的其余输入字段不同

编辑:有人知道e-mail属性在某种意义上如何使用它的正则表达式吗?

埃尔多·迪尔加高塔玛(Erdo Dirgagautama)

关于HTML5的事实<input type="email">

  1. 每种浏览器对电子邮件验证的处理方式都不相同。Opera接受*@*为有效的电子邮件地址。在Safari,Chrome和Firefox中,您至少需要输入*@*.*
  2. 并非所有浏览器都“支持” type =“ email”。您仍然可以使用type =“ email”,但如果浏览器无法识别type =“ email”,浏览器将威胁为type =“ text”
  3. 在iPhone上,当您输入type =“ email”时,iPhone将在键盘主屏幕上显示“ @”,从而使您的应用程序更加用户友好
  4. 您可以在使用type =“ email”时提供正则表达式

我的建议是,您应该开始使用此新的HTML5属性以及您自己的验证来实现上述第(3)点。

有关更多信息:

  1. http://davidwalsh.name/html5-电子邮件
  2. http://www.the-art-of-web.com/html/html5-form-validation/#.UesKldKl5KU
  3. http://diveintohtml5.info/forms.html

希望有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章