HTML <input type=”url”>
The HTML <input type=”url”> element is used to create an input field for entering a URL. It provides validation for URLs, ensuring that the value entered is a properly formatted web address. This element helps improve user experience by guiding users to enter valid URLs in web forms.
Syntax
<input type="url">
Example: This example demonstrates the use of HTML <input type=”url”> element.
<!DOCTYPE html>
<html>
<head>
<title>HTML Input Type URL</title>
</head>
<body style="text-align:center;">
<h2>HTML <input type="URL"></h2>
<form action="#">
<label for="website_name">Website Name:</label>
<input type="text" id="website_name" required>
<br><br>
<label for="website_url">Website URL:</label>
<input type="url" id="website_url"
placeholder="https://w3wiki.net"
pattern="https://.*" size="30" required />
<br><br>
<input type="submit" value="Click Here!">
</form>
</body>
</html>
Output
Supported Browsers
- Chrome 1
- Edge 12
- Firefox 1
- Opera 11
- Safari 1