没有协议的HTML5 URL输入框

Question

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

我所追求的是没有www.google.com而不是http://www.google.com等协议的网址。是否有参数可以执行此操作或以其他方式执行（最好不使用JavaScript）？

Answer 1

在表单上使用html5 novalidate属性，例如

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

这将为您提供移动设备上漂亮的键盘，让您自己进行验证

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

Answer 2

我使用RegExr来满足我所有的正则表达式创建需求。它们有许多预定义的正则表达式。

您可以稍微对此进行逆向工程： (https?://)?(www\.)?([a-zA-Z0-9_%]*)\b\.[a-z]{2,4}(\.[a-z]{2})?((/[a-zA-Z0-9_%]*)+)?(\.[a-z]*)?