Sometimes, we want to select all text in HTML text input when clicked.
In this article, we’ll look at how to select all text in HTML text input when clicked.
How to select all text in HTML text input when clicked?
To select all text in HTML text input when clicked, we use the select
method.
For instance, we write
<input value="Sample Text" />
to add an input.
Then we write
const textInput = document.querySelector("input");
textInput.onclick = () => {
textInput.select();
};
to select the input with querySelector
.
Then we set its onclick
property to a function that calls select
to highlight the input value when we click on the input.
Conclusion
To select all text in HTML text input when clicked, we use the select
method.