Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLInputElement : méthode select()

Baseline Widely available

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.

Syntaxe

js
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

Specification
HTML
# dom-textarea/input-select

Compatibilité des navigateurs

Voir aussi