HTMLInputElement: select() method
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
TheHTMLInputElement.select() method selects all the textin a<textarea> element or in an<input> elementthat includes a text field.
Syntax
js
select()Parameters
None.
Return value
None (undefined).
Examples
Click the button in this example to select all the text in the<input> element.
HTML
html
<input type="text" size="20" value="Hello world!" /><button>Select text</button>JavaScript
js
function selectText() { const input = document.getElementById("text-box"); input.focus(); input.select();}document.querySelector("button").addEventListener("click", selectText);Result
Notes
Callingelement.select() will not necessarily focus the input, so it isoften used withHTMLElement.focus.
Specifications
| Specification |
|---|
| HTML # dom-textarea/input-select |