Comment obtenir la valeur d'une entrée en JS ?-js tutoriel-php.cn

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

Guanhui

Libérer： 2020-06-04 09:56:48

original

10660 Les gens l'ont consulté

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">

Copier après la connexion

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;);

Copier après la connexion

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!