HTML | DOM Input Search maxLength Property
The DOM Input Search maxLength Property in HTML DOM is used to set or return the value of maxlength attribute of a search Input Field. It specifies the maximum number of characters that have been allowed in the search field. The default value of Input search maxLength property is 524288.
Syntax:
- It returns the Input search maxLength property.
searchObject.maxLength
- It is used to set the Input search maxLength property.
searchObject.maxLength = number
Property Values: It contains a single value number which is used to specify the maximum number of characters that are allowed in the search maxlength Field.
Return Value: It returns a numeric value which represents the maximum number of character that has been allowed in the search maxlength field.
Example-1: This example illustrates how to return the Input search maxLength property.
html
<!DOCTYPE html><html><head> <title> Input Search maxLength Property </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input Search maxLength Property</h2> <form id="myGeeks"> <input type="Search" id="test" name="myGeeks" placeholder="Type to search.." maxlength="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 maxLength Property var s = document.getElementById( "test").maxLength; 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 maxlength Property.
html
<!DOCTYPE html><html><head> <title> Input Search maxLength Property </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input Search maxLength Property</h2> <form id="myGeeks"> <input type="Search" id="test" name="myGeeks" placeholder="Type to search.." maxlength="45"> </form> <br> <br> <button ondblclick="Access()"> click here </button> <p id="check" style="font-size:24px; color:green;"> </p> <script> function Access() { // Setting the Input maxLength Property var s = document.getElementById( "test").maxLength = "60"; document.getElementById( "check").innerHTML = "The value of the maxLength attribute was changed to " + s; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input search maxLength Property are listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari
Please Login to comment...