Maison >interface Web >js tutoriel >Comment obtenir la valeur d'une entrée en JS ?

Comment obtenir la valeur d'une entrée en JS ?

Guanhui
Guanhuioriginal
2020-06-04 09:56:4810663parcourir

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(&#39;[name="username"]&#39;);

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
  • gauche
  • droite
  • haut
  • milieu
  • bas
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
  • on
  • off
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
  • get
  • post

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
  • _blank
  • _self
  • _parent
  • _top
  • framename

remplace l'attribut cible du formulaire.

(S'applique à type="submit" et type="image")

hauteur
  • pixels
  • %
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
  • numéro
  • date

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
  • numéro
  • date

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
  • bouton
  • case à cocher
  • fichier
  • caché
  • image
  • mot de passe
  • radio
  • réinitialiser
  • soumettre
  • texte
Spécifie le type d'élément d'entrée.
value value spécifie la valeur de l'élément d'entrée.
largeur
  • pixels
  • %
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn