HTML 5: Different input types - input type url

Similarly as the input type email earlier, an another input type is url. It also validate if the user has inputed url or not. If not it shows message as before.



Code:
<form action="" method="post">
Enter website:
<input type="url" name="website" >
<input type="submit" value="Submit" />
</form>

Output:

Now you must have understood what it does. It simply check whether the inputed format.

Now if you need users to add in some following some format then see the code below:

Code:

<form action="" method="post">
Enter website:
<input type="url" name="website" pattern="http?://.+">
<input type="submit" value="Submit" />
</form>

Output:

What it does? It makes compulsion to all the users to follow some format as in above example, users need to enter http://www.google.com not only google.com

Great!!! :)