The DOM Input Search form Property in HTML DOM is used for returning the reference of the form containing the input search field. It is read-only Property that returns a form object on success.
Syntax:
searchObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input Search field
Example: Below Program that illustrates the Input search form property.
html
<!DOCTYPE html><html>
<head>
<title>
Input Search form Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Search form Property</h2>
<form id="myGeeks">
<input type="Search"
id="test"
name="myGeeks"
placeholder="Type to search..">
</form>
<br>
<br>
<button ondblclick="Access()">
click here
</button>
<p id="check"
style="font-size:24px;
color:green;">
</p>
<script>
function Access() {
// Return Input search form property
var s = document.getElementById(
"test").form.id;
document.getElementById(
"check").innerHTML = s;
}
</script>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input search form Property are listed below:
- Google Chrome 5 and above
- Edge 12 and above
- Firefox 4 and above
- Opera 10.6 and above
- Safari 5 and above