HTML | <input type=”url”>

The HTML <input type=”url”> is used to define a field that entered a URL. This input value is automatically validated before submitted the form.

Syntax:

<input type="url">

Example:

HTML

<!DOCTYPE html>

<html>
 
<head>

    <title>

        HTML Input Type URL

    </title>

</head>

<style>

    #Geek_p {

        font-size: 30px;

        color: green;

    }

</style>
 
<body style="text-align:center;">
 
    <h1 style="color:green;"> 

            GeeksForGeeks 

        </h1>
 
    <h2>HTML &lt;Input Type="URL"&gt; 

</h2>

    <form>

        <input type="url"

               placeholder="search a URL">

        <br>

        <br>
 
    </form>

</body>
 
</html>

Output:

Supported Browsers:

Google Chrome 1 and above
Firefox
Edge 12 and above
Opera 11 and above
Internet Explorer 10 and above
Apple Safari

Article Tags :

HTML

Web Technologies

HTML-Attributes

Recommended Articles

1. Difference between <input type='button' /> and <input type='submit' />

2. HTML | DOM Input URL type Property

3. What is URL Locator & what are common schemes used for the URL in HTML ?

4. Which input type is used to hide the input field to be displayed in HTML Form ?

5. Convert relative path URL to absolute path URL using JavaScript

6. HTML | DOM Input URL size Property

7. HTML | DOM Input URL placeholder Property

8. HTML | DOM Input URL Object

9. HTML | DOM Input URL value Property

10. HTML | DOM Input URL required Property

11. HTML | DOM Input URL name Property

12. HTML | DOM Input URL readOnly Property

13. HTML | DOM Input URL pattern Property

14. HTML | DOM Input URL maxLength Property

15. HTML | DOM Input URL form Property

16. HTML | DOM Input URL disabled Property

17. HTML | DOM Input URL defaultValue Property

18. HTML | DOM Input URL autofocus Property

19. HTML | DOM Input URL autocomplete Property

20. HTML DOM Input URL minLength Property

21. HTML DOM Input URL select() Method

22. HTML DOM Input URL focus() Method

23. HTML DOM Input URL blur() Method

24. HTML DOM Input URL list Property

25. How to specify media type of the target URL in HTML5 ?