The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return “URL”.
Syntax:
urlObject.type
Return Value: It returns a string value which represent the type of form element the URL field is.
Example: This Example illustrates how to return the type Property.
html
<!DOCTYPE html><html>
<head>
<title>
DOM Input URL type Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input URL type Property</h2>
<label for="uname"
style="color:green">
<b>Enter URL</b>
</label>
<input type="url"
id="gfg"
placeholder="Enter URL">
<br>
<br>
<button type="button"
onclick="geeks()">
Click
</button>
<p id="GFG"
style="color:green;
font-size:25px;">
</p>
<script>
function geeks() {
// Return type.
var link =
document.getElementById(
"gfg").type;
document.getElementById(
"GFG").innerHTML = link;
}
</script>
</center>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input URL type Property are listed below:
- Google Chrome 1
- Edge 12
- Firefox
- Opera 11
- Safari