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

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

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

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