La méthode select() de l'interface HTMLInputElement sélectionne tout le texte d'un élément <textarea> ou d'un élément HTML <input> comportant un champ de texte.

Syntaxe

Paramètres

Aucun.

Valeur de retour

Aucune (undefined).

Exemples

Cliquez sur le bouton de cet exemple pour sélectionner tout le texte de l'élément <input>.

HTML

<input type="text" id="text-box" size="20" value="Bonjour le monde !" />
<button>Sélectionner le texte</button>

JavaScript

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

document.querySelector("button").addEventListener("click", selectText);

Résultat

Notes

L'appel de element.select() ne donne pas nécessairement le focus à l'élément, il est donc souvent utilisé avec la méthode HTMLElement.focus().

Specifications

Compatibilité des navigateurs

Voir aussi

• L'élément HTML <input>
• L'élément HTML <textarea>
• L'interface HTMLInputElement
• La propriété HTMLInputElement.setSelectionRange