HTMLInputElement: метод select()

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод HTMLInputElement.select() выбирает весь текст в элементе <textarea> или элементе <input>, содержащем текстовое поле.

Синтаксис

select()

Параметры

Нет.

Возвращаемое значение

Нет (undefined).

Примеры

Нажмите на кнопку в этом примере, чтобы выбрать весь текст в элементе <input>.

HTML

<input type="text" id="text-box" size="20" value="Hello world!" />
<button onclick="selectText()">Select text</button>

JavaScript

function selectText() {
  const input = document.getElementById("text-box");
  input.focus();
  input.select();
}

Результат

Примечания

Вызов element.select() не обязательно фокусирует поле ввода, поэтому его часто используют с HTMLElement.focus.

В браузерах, где эта функция не поддерживается, её можно заменить вызовом HTMLInputElement.setSelectionRange() с параметрами 0 и длиной значения поля ввода:

<input onClick="this.select();" value="Sample Text" />
<!-- equivalent to -->
<input
  onClick="this.setSelectionRange(0, this.value.length);"
  value="Sample Text" />

Спецификации

Спецификация
HTML # dom-textarea/input-select

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`select`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select