HTML | DOM Input Search minLength Property
The Input Search minLength Property in HTML DOM is used to set or return the value of minlength attribute of a search Input Field. It specifies the minimum number of characters that have been allowed in the search field.
Syntax:
- It returns the Input search minLength property.
searchObject.minLength
- It is used to set the Input search minLength property.
searchObject.minLength = number
Property Values: It contains a single value number that is used to specify the minimum number of characters that are allowed in the search minlength Field.
Return Value: It returns a numeric value that represents the minimum number of character that has been allowed in the search minlength field.
Example 1: This example illustrates how to return the Input search minLength property.
HTML
<!DOCTYPE html><html><head> <title> Input Search minLength Property </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input Search minLength Property</h2> <form id="myGeeks"> <input type="Search" id="test" name="myGeeks" placeholder="Type to search.." minlength="45"> </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 minLength Property var s = document.getElementById( "test").minLength; document.getElementById( "check").innerHTML = s; } </script></body></html> |
Output:
- Before Clicking On Button:
- After Clicking On Button:
Example 2: This example illustrates how to set the Input search minLength property.
HTML
<!DOCTYPE html><html><head> <title> Input Search minLength Property </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input Search minLength Property</h2> <form id="myGeeks"> <input type="Search" id="test" name="myGeeks" placeholder="Type to search.." minlength="45"> </form> <br><br> <button ondblclick="Access()"> click here </button> <p id="check" style="font-size:24px; color:green;"> </p> <script> function Access() { // setting Input search minLength property var s = document.getElementById( "test").minLength = "23"; 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 minLength 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
Please Login to comment...