How to select all text in HTML text input when clicked using JavaScript?
This example shows how to select entire input in a single click using javaScript.
Syntax:
<input onClick="this.select();" >
or
document.getElementById("ID").select();
Example-1: Using “this.select()”.
<!DOCTYPE html> <html> <head> <title> Select all text in HTML text input when clicked </title> </head> <body> <br> Input Text: <br> <input onClick="this.select();" type="text" value="GeeksforGeeks"> </body> </html> |
Output:
Before click:
After click:
Example-2: Using DOM Input Text select() Method
<!DOCTYPE html> <html> <head> <title> Select all text in HTML text input when clicked </title> </head> <body> Input Text: <br> <input type="text" value="GeeksforGeeks" id="eid"> <button type="button" onclick="myFunction()"> Try it </button> <script> function myFunction() { document.getElementById( "eid").select(); } </script> </body> </html> |
Output:
Before click:
After click:
Please Login to comment...