HTMLInputElement : méthode select()

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

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.

Dans cet article

Syntaxe

select()

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

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

JavaScript

js
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

Spécification

HTML
# dom-textarea/input-select

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

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

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 9 déc. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLInputElement
Propriétés d'instance
Méthodes d'instance
Évènements
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript