力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

回答