力HTML5网址输入验证允许空白方案

<input required type="url">

这迫使用户添加http://才可以提交一个网址。无论如何可以避免这种情况发生，而不必恢复到旧式的文本输入？

我认为人们输入www.mysite.net的情况相当普遍，当url无效时弹出的浏览器验证泡泡没有提及它是因为该方案丢失。

表单加载时，为什么不在框中输入“http：//”？ – 2013-02-18 15:26:14

啊，这真是一个好主意，js来拯救 – stephenmurdoch 2013-02-18 15:26:46

我已经把它作为一个答案。可能有一个解决方案使用JavaScript更适合您的特定问题。 – 2013-02-18 15:33:35

当窗体加载时，您可以将http://放在输入框中。

<input required type="url" value="http://" />

可能不是您寻找的答案，但它是一个解决方案。

2013-02-18 15:31:55

这是完美的，我打算使用JS，但现在我发现你可以用value属性来完成它。你每天学习新的东西。谢谢。 – stephenmurdoch 2013-02-18 15:41:43

回答