Maison > Article > interface Web > Comment obtenir la valeur d'une entrée en JS ?
Comment obtenir la valeur d'une entrée en JS ?
Utilisez d'abord "querySelector()" pour obtenir l'objet élément, et il vous suffit de transmettre les règles de sélection d'entrée à cette méthode
Exemple de code
<input type="text" name="username">rrree
; Enfin, l'attribut value dans l'objet élément d'entrée est la valeur de l'entrée, vous n'avez donc besoin que d'obtenir cet attribut.
var inputEl = document.querySelector('[name="username"]');
attribut d'entrée HTML5
attribut | valeur | Description |
---|---|---|
accepter | mime_type | Spécifie le type de fichier soumis via le téléchargement de fichier. |
aligner |
|
Obsolète. Spécifie l'alignement de l'entrée de l'image. |
alt | text | Définit le texte alternatif pour la saisie de l'image. |
autocomplete |
|
Spécifie s'il faut utiliser le fonction de saisie semi-automatique du champ de saisie. |
autofocus | autofocus |
Spécifie si le champ de saisie obtient le focus lors du chargement de la page. (ne s'applique pas à type="hidden") |
checked | checked | Spécifie que cette entrée L'élément est la première fois. Doit être sélectionné lors du chargement. |
disabled | disabled | Désactive cet élément lorsque l'élément d'entrée est chargé. |
form | formname | Spécifie un ou plusieurs formulaires auxquels appartient le champ de saisie. |
formaction | URL |
remplace l'attribut d'action du formulaire. (pour type="submit" et type="image") |
formenctype | Voir note | Remplacez l'attribut enctype du formulaire. (pour type="submit" et type="image") |
formmethod |
|
remplace l'attribut méthode du formulaire. (pour type="submit" et type="image") |
formnovalidate | formnovalidate | Remplacez l'attribut novalidate du formulaire. Si cet attribut est utilisé, aucune validation ne sera effectuée lors de la soumission du formulaire. |
formtarget |
|
remplace l'attribut cible du formulaire. (S'applique à type="submit" et type="image") |
hauteur |
|
Définissez la hauteur du champ de saisie. (S'applique à type="image") |
list | datalist-id | fait référence à un champ de saisie contenant prédéfini liste de données d'options. |
max |
|
Spécifie la valeur maximale du champ de saisie. Veuillez l'utiliser avec l'attribut "min" pour créer une plage de valeurs légales. |
maxlength | number | Spécifie la longueur maximale des caractères dans le champ de saisie. |
min |
|
Spécifie la valeur minimale du champ de saisie. Veuillez l'utiliser avec l'attribut "max" pour créer une plage de valeurs légales. |
multiple | multiple | Si cet attribut est utilisé, plusieurs valeurs sont autorisées. |
name | field_name | Définissez le nom de l'élément d'entrée. |
pattern | regexp_pattern |
Spécifie le modèle ou le format de la valeur du champ de saisie. Par exemple, pattern="[0-9]" signifie que la valeur d'entrée doit être un nombre compris entre 0 et 9. |
placeholder | text | Spécifie des astuces pour aider l'utilisateur à remplir le champ de saisie. |
readonly | readonly | Spécifie que le champ de saisie est en lecture seule. |
obligatoire | obligatoire | Indique que la valeur du champ de saisie est obligatoire. |
size | number_of_char | définit la largeur du champ de saisie. |
src | URL | Définit l'URL de l'image affichée sous forme de bouton de soumission. |
étape | numéro | spécifie l'intervalle de nombres légaux pour les mots saisis. |
type |
|
Spécifie le type d'élément d'entrée. |
value | value | spécifie la valeur de l'élément d'entrée. |
largeur |
|
Définissez la largeur du champ de saisie. (Applicable à type="image") |
Tutoriel recommandé : "Tutoriel JS"
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!