Comment utiliser au mieux les attributs de formulaire HTML avancés?



Cet article vous présentera certains des attributs de formulaire HTML avancés et, en cours de traitement, vous donnera également une démonstration pratique.

est évidemment la première chose qui vient à l'esprit après avoir écouté le terme www. En gros, c'est ce qui se cache derrière chaque site Web que vous visitez aujourd'hui. Dans cet article, nous explorerons certains attributs de formulaire HTML avancés.

Les pointeurs suivants seront traités dans cet article,





php convertir un objet en tableau

Alors commençons avec cet article,

Attributs de formulaire HTML avancés

Le HTML seul ne peut pas rendre justice avec certains des designs les plus appréciés que nous voyons aujourd'hui. Cela nécessite de l'aide et cela est fourni par CSS ou Feuille de style en cascade . HTML et CSS peuvent être utilisés ensemble pour créer des pages Web attrayantes.



Passons à cet article sur les attributs de formulaire HTML avancés

Balises et attributs en HTML

Ce sont les deux éléments de base du HTML et ils fonctionnent tous les deux ensemble mais remplissent des fonctions différentes.

Mots clés: Les balises sont utilisées pour marquer le début de l'élément HTML et sont entourées de crochets angulaires.



Exemple:

La balise ci-dessus est la balise de titre en HTML.

Attributs: ce sont les informations supplémentaires sur les balises et sont spécifiées dans la balise.



Exemple:

 ”My

La balise ci-dessus est une balise d'image et alt est l'attribut de la balise et fournit la description de l'image hello_world.jpg

Comme nous avons discuté des bases dont nous avions besoin, nous pouvons maintenant aller plus loin avec le motif de cet article, à savoir des balises HTML et CSS avancées.

Passons à cet article sur les attributs de formulaire HTML avancés

Attributs Max, Maxlength et Min

Ce sont notamment les attributs de la balise d'entrée i.e. La balise d'entrée est essentiellement utilisée à l'intérieur de la balise pour accepter les différents types d'entrées de l'utilisateur tels que le texte, le nombre, le bouton radio, les dates, la case à cocher, l'heure, le mot de passe, etc.

Max

Cet attribut spécifie la valeur maximale pour toute entrée spécifiée. Si l'utilisateur essaie d'entrer plus que la valeur maximale, il n'acceptera pas les caractères ou les valeurs par la suite.

Remarque:

L'attribut Max a été introduit avec HTML 5.

Exemple:

Nombre d'étudiants:

Lien GitHub Gist:

La valeur des étudiants ne peut pas être augmentée au-delà de 50.

Sortie - Attributs de formulaire HTML avancés - Edureka

Remarque: L'action d'attribut de la balise spécifie où les données saisies seront envoyées pour le processus ultérieur. Dans ce cas, il s'agit de submit_detail.php qui est un fichier PHP.

Le nombre d'étudiants est le détail à saisir dans la zone de texte.

L'attribut max dans la première balise indique la valeur numérique maximale qui peut être entrée dans la zone de texte, c'est-à-dire que les valeurs supérieures à 50 ne seraient pas acceptées, ce qui est le motif principal de l'attribut max.

La balise Max peut également être utilisée pour définir la date maximale qui peut être saisie dans le champ de saisie par l'utilisateur.

Exemple:

Entrez votre date de naissance au format AAAA-MM-JJ: 
Date de naissance maximale: 2000-03-31

Lien GitHub Gist:

Nous avons utilisé 31stMars 2000 comme date maximale et l'option calendrier est limitée jusqu'à cette date uniquement.

Dans ce champ de saisie, l'utilisateur ne pourrait pas entrer la date postérieure à la date spécifiée dans l'attribut max.

Passons à cet article sur les attributs de formulaire HTML avancés

Longueur maximale

Comme son nom l'indique, cet attribut spécifie la longueur maximale des caractères qui peuvent être saisis dans un champ de saisie par l'utilisateur. Les valeurs d'attribut sont des nombres.

Exemple:

Entrez votre nom d'utilisateur:

Lien GitHub Gist:

quelles sont les contraintes dans sql

La limite du champ de saisie est de 15 caractères, donc la saisie est limitée à 15 caractères.

Cet attribut maxlength dans la balise restreindrait l'utilisateur à donner une entrée qui n'est strictement pas supérieure à la valeur spécifiée qui est 15.

Remarque La valeur par défaut de l'attribut maxlength est 524288.

Passons à cet article sur les attributs de formulaire HTML avancés

Min

L'attribut min spécifie la valeur minimale de la valeur à saisir dans le champ de saisie.

Exemple:

Entrez l'âge:

Lien GitHub Gist:

L'attribut min dans la balise d'entrée définit que l'âge d'entrée ne doit pas être inférieur à 18.

Pointe: Vous pouvez utiliser à la fois l'attribut min et max avec une entrée pour fournir à l'entrée une plage légale ou une plage acceptable.

Exemple:

Entrez l'âge:

Lien GitHub Gist:

Avec cela, nous arrivons à la fin de cet article sur les attributs de formulaire HTML avancés.

Or, la plage de l'entrée dans le champ ne peut pas être inférieure à 18 ni supérieure à 50 en même temps.Les attributs max et min peuvent être utilisés avec plusieurs types d'entrée tels que nombre, plage, date, date / heure, datetime -local, mois, heure et semaine.

Maintenant que vous savez ce qu'est le HTML, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de l'article et nous vous recontacterons.