![](/img/trans.png)
[英]Attribute <input type=“email”> doesn't validate properly in HTML5
[英]HTML5 Input Type Email
我正在考虑将input type="email"
用于我的新网站,但我有疑问您是否更喜欢使用输入类型文本然后通过正则表达式检查值或使用此HTML 5电子邮件
E-mail: <input type="email" name="usremail" />
HTML输入类型电子邮件在使用时是否存在问题(浏览器或使用情况)?
如果浏览器不支持,浏览器将不会进行任何验证。 您可以使用modernizr来检测它是否有效,并采取相应的行动。 (比如使用本机HTML5验证,或者使用类似jQuery验证的东西)
根据http://dev.w3.org/html5/markup/input.email.html ,输入电子邮件使用此正则表达式来验证它是否为电子邮件:
/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
无论如何,你应该在服务器端验证这些东西。
HTML5 - 如您所知 - 可用浏览器并不完全支持,Chrome,FF支持此input type='email'
,但IE旧版本不支持..有一个解决方案:您可以继续使用这些HTML5输入,并使用此JS库来支持其他broswers: http : //code.google.com/p/webforms2/
您可以使用电子邮件:
enter <input type="text" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" >
对于HTML5( http://davidwalsh.name/html5-email )这里
如果你有支持bowser,那么它将没有任何问题。 如果不支持它,它就像常规文本字段一样工作。 http://www.w3schools.com/html5/html5_form_input_types.asp
此输入类型“电子邮件:”在IE9和Safari中不起作用,因此它将被视为仅适用于Google Chrome和mozila fire fox,此电子邮件:自动验证浏览器是否支持HTML5
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.