无协议的HTML5 URL输入框

Question

当您使用input类型的url而不是标准text时。 Firefox 4将不会在输入框中提交没有http://或https://的表单。

我所追求的是一个没有协议的URL，如www.google.com而不是http://www.google.com。有没有一个参数来做到这一点或任何其他方式（最好没有JavaScript）？

Answer 1

我使用RegExr来满足我所有的正则表达式创建需求。他们有一些预先定义的正则表达式。

您可能能够进行逆向工程这一点： (https?://)?(www\.)?([a-zA-Z0-9_%]*)\b\.[a-z]{2,4}(\.[a-z]{2})?((/[a-zA-Z0-9_%]*)+)?(\.[a-z]*)?

Answer 2

使用HTML5 novalidate属性的形式，例如上

<form method="post" novalidate> 
    ... 
</form> 

这会给你漂亮的键盘在移动设备上，让你做你自己的验证

https://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate