Html <input> Attributs de balises | Expliqué
- Attribut de type
- Attribut de nom
- Attribut Min et Max
- Attribut automatique
- Attribut désactivé
- Attribut d'espace réservé
- Attribut en lecture
- Attribut requis
- Attribut multiple
- Attribut de taille
- Attribut d'observation automatique
Cet article présentera un aperçu complet de tous les attributs mentionnés ci-dessus. Continuons!
Attribut de type
Comme le nom lui-même suggère l'attribut de type dans la balise détermine le type d'entrée, la valeur par défaut de l'attribut de type est le texte. Nous pouvons attribuer différentes valeurs à l'attribut de type tel que le mot de passe, l'e-mail, etc. La syntaxe de base de l'attribut type est illustrée dans la figure suivante:
Différentes valeurs sont spécifiées pour l'attribut de type dans la balise. Le comportement de l'attribut type sera différent pour différentes valeurs.
Attribut de nom
Il spécifie le nom de l'élément d'entrée, le suivant sera la syntaxe de base de l'attribut de nom:
Cela n'affecterait pas la sortie à la place, l'attribut de nom indique au serveur le champ de saisie.
Attribut Min et Max
Ces attributs sont utilisés pour spécifier les valeurs minimales et maximales de l'élément d'entrée. L'extrait ci-dessous montre la syntaxe des attributs Min et Max:
Attribut automatique
L'attribut Autofocus détermine qu'un élément doit obtenir la mise au point automatique lorsque la page se charge et que la figure ci-dessous montre la syntaxe de l'attribut automatique:
Attribut désactivé
L'attribut désactivé nous permet de désactiver un élément, dans ce cas, l'utilisateur ne pourrait pas utiliser ou cliquer sur ce champ:
Exemple
Considérons le code donné ci-dessous qui implémente tous les attributs mentionnés ci-dessus pour différents champs:
L'extrait ci-dessus crée plusieurs champs d'entrée, l'attribut automatique est activé dans le premier champ donc, chaque fois que nous chargeons la page, le curseur pointe vers ce champ. Nous ne pourrions pas cliquer sur le deuxième champ car il contient l'attribut désactivé. Le troisième champ d'entrée est un champ de type numérique et nous spécifions les attributs MIN et MAX, donc il prendra la valeur entre 20 et 60 uniquement:
La sortie vérifie que tous les attributs fonctionnent correctement.
Attribut d'espace réservé
Il fournit un indice sur la valeur attendue du champ de saisie. La syntaxe de base de l'attribut d'espace réservé sera la suivante:
Tout ce que nous spécifions dans l'espace réservé sera affiché comme un indice comme indiqué ci-dessous:
Attribut en lecture
Il détermine que le champ est en lecture seule, ce qui signifie que le champ ne peut pas être modifié. La syntaxe de l'attribut en lecture seule est illustrée à la figure suivante:
Nous spécifions Value = «Michael» et activons l'attribut en lecture seule. En conséquence, nous ne serions pas en mesure de modifier la valeur de ce champ de saisie:
Attribut requis
L'attribut requis détermine que le formulaire ne peut pas être soumis si le champ de saisie n'est pas rempli. La syntaxe de base de l'attribut requise est indiquée dans l'extrait suivant:
Si nous cliquons sur le bouton Soumettre sans remplir le champ de saisie, nous obtiendrons le résultat suivant:
Attribut multiple
Il nous permet d'entrer plusieurs valeurs et il est principalement utilisé avec le type d'entrée «fichier» où il permet à un utilisateur de choisir plusieurs fichiers. Extrait de code ci-dessous, montre la syntaxe de l'attribut «multiple»:
Ci-dessus l'extrait génère la sortie suivante:
Attribut de taille
Il est utilisé pour définir la taille (largeur) du champ de saisie, la syntaxe de l'attribut de taille est indiquée dans l'extrait divisé:
La taille par défaut des champs d'entrée est de 20 caractères et nous avons modifié la taille du premier champ de saisie en 35, il générera donc la sortie suivante:
Attribut d'observation automatique
L'activation de l'attribut d'observation automatique permet à un navigateur de prédire et de compléter automatiquement le champ de saisie. L'extrait ci-dessous montre comment utiliser l'attribut d'observation automatique dans la balise d'entrée:
Code-Snippet ci-dessus montre la sortie suivante:
La sortie a vérifié que si l'assurance automatique = «ON», alors le navigateur suggère les données déjà entrées.
Conclusion
Les attributs de balise sont utilisés pour contrôler le comportement des champs d'entrée du formulaire E.g. L'attribut de type détermine le type d'entrée, l'attribut automatique est utilisé pour se concentrer sur l'élément spécifique au chargement de la page. L'activation de l'attribut Auto-Assomple fournit des données déjà saisies sous forme de suggestions et d'attribut multiple nous permet d'ajouter plusieurs fichiers. Cet article a démontré un guide détaillé pour la compréhension profonde des attributs de balises HTML.