Attributs de formulaire d'entrée dans HTML
Comment fonctionne les attributs d'entrée dans HTML
La fonctionnalité des attributs dépend des valeurs portées par ces attributs. Les attributs et leurs valeurs prises en charge sont décrites ici.
Attribut de type
Comme l'élément d'entrée est la partie centrale des formulaires HTML, l'attribut de type est l'ingrédient clé de l'élément d'entrée. Il définit le type d'entrée qui a l'une des valeurs suivantes.
- texte: utilisé pour décrire un champ de texte
- nombre: utilisé pour créer un champ qui accepte les valeurs numériques
- e-mail: utilisé pour saisir une adresse e-mail
- couleur: définir la couleur d'un champ de saisie
- cocher: Pour créer une case à cocher
- radio: Pour créer un bouton radio
- Tél: crée un champ qui accepte les numéros de téléphone
- image: utilisé pour obtenir le fichier image de l'utilisateur
- caché: un champ qui ne sera pas affiché sur l'écran de l'utilisateur
- date: crée un champ qui accepte la date
- mois: crée un champ qui contient du mois et de l'année à sélectionner
- soumettre: un bouton qui soumettrait les données de formulaire
- réinitialiser: Cela crée un bouton qui réinitialise toutes les données de la forme
Les mentionnées ci-dessus sont les valeurs les plus utilisées de l'attribut de type et l'exemple ci-dessous utilise quelques-uns d'entre eux.
Exemple
Le code écrit ci-dessous exécute quelques valeurs du taper attribut.
Quatre types d'entrée différents sont utilisés dans le code ci-dessus qui utilise le texte des valeurs, le courrier électronique, la soumission et la réinitialisation.
Sortir
Attribut de valeur
Chaque fois qu'un formulaire HTML est défini, il est recommandé d'attribuer une valeur initiale à chaque élément. Pour ce faire, vous devez utiliser l'attribut de valeur. Le type d'entrée doit être défini pour utiliser cet attribut.
Exemple
Le code fourni ci-dessous Practices Value Attribut sur le type d'entrée = Texte et Type d'entrée = Soumettre.
Sortir
Attribut en lecture seule
Cet attribut ne permettrait pas d'écrire dans le champ de saisie.
Exemple
Le code HTML a fourni des pratiques lecture seulement attribut sur un champ de saisie.
Sortir
Le champ de texte indiqué dans la sortie ne vous permettra pas d'écrire ni le clic de la souris prendrait aucune mesure.
Attribut désactivé
Le type d'entrée qui porte cet attribut afficherait uniquement la zone couverte par le champ de saisie. Cependant, vous ne pouvez effectuer aucune action sur cet élément d'entrée.
Exemple
Le désactivé L'attribut de l'élément d'entrée est pratiqué dans le code suivant
Sortir
Note: L'attribut en lecture seule est soumis avec le formulaire tandis que l'attribut désactivé permet la valeur de soumission.
Attribut de modèle
Cet attribut accepte des expressions régulières pour lesquelles la valeur de ce champ sera vérifiée. Il est utilisé avec quelques types d'entrée tels que le texte, le courrier électronique, le tél, l'URL, le mot de passe et la date.
Exemple
Dans le code suivant, le modèle L'attribut est utilisé sur un champ de texte qui n'acceptera que les petits alphabets.
Sortir
Pour la vérification de l'attribut de modèle, nous avons essayé d'entrer dans les alphabets de la capitale. Cependant, une erreur a incité à demander à correspondre au format demandé.
Attribut d'espace réservé
Cet attribut ajoute des caractères factice qui aident l'utilisateur à sous-estimer le but de ce champ.
Exemple
Le code mentionné ci-dessous applique le espace réservé Champ d'attribut pour décrire que le champ de texte est censé accepter votre nom.
Sortir
Il est observé à partir de la sortie que le champ de texte ordonne à l'utilisateur de saisir son nom.
Attribut requis
Les types d'entrée qui utilisent les attributs requis sont obligatoires pour être remplis.
Exemple
Le code écrit ci-dessous définit l'attribut requis pour un champ de texte.
Sortir
Comme le champ est obligatoire pour être rempli, la soumission ne sera pas effectuée tant qu'un texte ne sera pas écrit à l'intérieur du champ de texte.
Attribut automatique
Si la page Web est rechargée, le champ de saisie sera concentré dans lequel l'attribut automatique est utilisé.
Exemple
Le code suivant définit le autofocus Attribut de l'élément d'entrée.
Sortir
Comme nous l'avons utilisé autofocus Attribut sur un champ de texte, donc chaque fois que la page est chargée, le curseur continuera à cocher.
Attribut multiple
Cet attribut permet d'ajouter plusieurs valeurs (la connexion de plusieurs fichiers est l'utilisation principale de cet attribut).
Exemple
Le code fourni ci-dessous prend le déposer comme type d'entrée et plusieurs L'attribut est appliqué sur le type d'entrée.
Sortir
La sortie montre que trois fichiers sont joints qui décrivent le fonctionnement de plusieurs attributs.
Attribut de hauteur et de largeur
Cet attribut est utilisé avec le type d'image et définit la hauteur et la largeur de l'image.
Exemple
Le type d'entrée est défini sur l'image et le hauteur largeur Les attributs sont appliqués dessus.
Sortir
L'image dans la sortie serait ajustée en fonction de la valeur de la largeur et de la hauteur.
Attribut min / max
Les valeurs minimales / maximales pour divers types d'entrée sont spécifiées par ces attributs. Les types d'entrée peuvent inclure du texte, du numéro, de la date, de la gamme, du mois, de l'heure et de la semaine.
Exemple
Le code fourni ci-dessous utilise le min et max attribut où le type d'entrée est défini sur nombre.
Sortir
Comme le montre la sortie, le champ de nombre n'accepte pas 21 car la limite a été fixée à 20.
Attribut maxLength
Le nombre de caractères pour un type d'entrée peut être spécifié en utilisant l'attribut maxLength.
Exemple
Le code suivant limite le nombre de caractères à 5 dans un champ de texte.
Sortir
La sortie ci-dessus contient 5 caractères dans le champ de texte, le champ de texte n'autorisera pas le 6ème caractère dû à longueur maximale attribut.
Conclusion
L'élément d'entrée a une liste approfondie d'attributs pour créer un formulaire HTML caractéristique. Ce message informatif répertorie les attributs de l'élément d'entrée des formulaires HTML. Les attributs pris en charge par l'élément d'entrée sont, type, valeur, désactivé, en lecture seule, automatique, multiple, hauteur et largeur, maxLength, etc,. De plus, chaque attribut est pratiqué en utilisant un exemple qui aidera à sous-estimer la fonctionnalité.