Comment utiliser l'entrée en js

Dans JS, l'élément <input> est utilisé pour collecter les entrées de l'utilisateur et peut être utilisé et traité des manières suivantes : Opérations d'attribut : obtenir ou définir une valeur (valeur), des informations d'invite (espace réservé), un type d'entrée (type). . Gestion des événements : capture du focus (focus), perte du focus (flou), changement de contenu (saisie). Autres méthodes : ajouter un écouteur d'événement (addEventListener), supprimer un écouteur d'événement (removeEventListener), sélectionner le texte de la zone de saisie (select).

Utilisation de l'élément <input> dans JS<input> 元素的用法

<input>

L'élément <input> est un élément de formulaire utilisé pour collecter les entrées de l'utilisateur en HTML. JS permet aux développeurs de manipuler et de manipuler cet élément.

Opérations sur les attributs

valeur :
• Obtenez ou définissez la valeur dans la zone de saisie.
espace réservé :
• Définissez les informations d'invite dans la zone de saisie.
type :

Spécifiez le type de zone de saisie, tel que du texte, un numéro ou un mot de passe.

Gestion des événements

focus :
• Déclenché lorsque la zone de saisie obtient le focus.
flou :
• Déclenché lorsque la zone de saisie perd le focus.
input :

Déclenché lorsque le contenu de la zone de saisie change.

Autres méthodes

addEventListener :
• Ajoutez un écouteur d'événement à la zone de saisie.
removeEventListener :
• Supprimer l'écouteur d'événement.
select :

Sélectionnez le texte dans la zone de saisie.

Exemple

Obtenez la valeur de la zone de saisie :

const inputValue = document.getElementById("myInput").value;

Définissez le message d'invite lorsque la zone de saisie devient active :

document.getElementById("myInput").addEventListener("focus", () => {
  document.getElementById("myInput").placeholder = "请输入内容";
});

🎜Vérifiez la validité lorsque la zone de saisie perd le focus : 🎜

document.getElementById("myInput").addEventListener("blur", () => {
  if (isNaN(document.getElementById("myInput").value)) {
    alert("请输入数字");
  }
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!