HTML5 Url Input Can be Quite Strict

Following on from my articles on HTML5 Forms, I have been busy trying things out in various browsers, old and new.

I have noticed that the input of type “url” in HTML5 is being validated pretty strictly by some browsers.

For example, the following is treated as valid input:


But none of these are:


So you may want to help your users by giving them some appropriate place-holder text, a good label for the input field or by partly completing the field with”http://”.