Formulaires HTML
Fondamentaux des formulaires HTML
Ici, nous chercherons les éléments constitutifs des éléments de forme HTML et leurs attributs respectifs. Alors, fouillons-y:
Élément de forme html
Cette balise est la base des formulaires HTML et est utilisée pour faire le premier pas pour créer des formulaires HTML. La syntaxe suivante fait référence à la balise de formulaire:
Les éléments de la forme seraient discutés dans les sections à venir. Ici, nous présentons le tableau des attributs pris en charge par l'élément de formulaire HTML.
| Attributs de l'élément de forme HTML | ||
|---|---|---|
| Les attributs | Valeurs) | Description |
| action | Cela définit l'emplacement / fichier où les données de formulaire seront soumises | |
| cible | Il est utilisé pour afficher la réponse après la soumission du formulaire | |
| _soi | Fenêtre actuelle | |
| _haut | Cadre complet de la fenêtre actuelle | |
| _parent | Cadre parent | |
| _blanc | Nouvelle fenetre | |
| Méthode | Définit la méthode HTTP pour soumettre le formulaire | |
| OBTENIR | C'est la méthode par défaut utilisée pour demander des données du serveur | |
| POSTE | Utilisé pour envoyer des données au serveur | |
| Saisie automatique | sur | La réutilisation du formulaire sera automatiquement automatiquement |
| Novider | Les données du formulaire ne seront pas validées sur la soumission | |
Le tableau ci-dessus a résumé tous les attributs pris en charge par l'élément de forme. Explorons les éléments des formulaires HTML.
Élément d'étiquette HTML
Cet élément définit l'étiquette des éléments de formulaire HTML pour afficher le but / la description de cet élément sur l'écran de l'utilisateur. Bien que ce ne soit pas un élément nécessaire pour créer des formulaires HTML, cependant, il est recommandé d'ajouter cet élément car il aide à guider les utilisateurs.
La syntaxe de la balise d'étiquette est décrite ci-dessous
Le nom représente la valeur qui serait affichée sur l'écran de l'utilisateur et il accepte un attribut nommé pour qui contient la référence au identifiant attribut de l'élément d'entrée.
Élément d'entrée HTML
L'élément d'entrée est considéré comme l'élément central d'une forme HTML. La syntaxe fournie ci-dessous fait référence à l'élément d'entrée:
La fonctionnalité de la balise d'entrée dépend des attributs et de leurs valeurs. Nous avons répertorié les attributs importants de l'élément d'entrée HTML.
| Attributs de l'élément d'entrée | ||
|---|---|---|
| Les attributs | Valeurs) | Description |
| identifiant | Définit l'identifiant de reconnaissance | |
| Valeur | Spécifie la valeur initiale du champ de saisie | |
| Nom | utilisé pour soumettre les données de l'élément d'entrée | |
| lecture seulement | Utilisé pour restreindre le champ de texte en lecture seule | |
| longueur maximale | Utilisé pour définir le nombre maximum de caractères dans un champ de saisie | |
| min | Utilisé pour définir la valeur minimale du nombre, de la date, de la gamme, du mois, etc., | |
| max | La valeur maximale du nombre, de la date, de la gamme, du mois, etc., | |
| plusieurs | Cet attribut permet d'entrer plusieurs adresses e-mail ou de joindre plusieurs fichiers | |
| requis | Doit être rempli avant la soumission | |
| espace réservé | Les caractères factices qui sont déjà présents dans le champ de saisie | |
| taper | Utilisé pour insérer des données en fonction des valeurs | |
| texte | Champ de texte unique pour insérer des données | |
| bouton | Créer un bouton | |
| mot de passe | Définir un champ de mot de passe | |
| soumettre | Soumettre le bouton pour soumettre le formulaire | |
| réinitialiser | Réinitialiser le bouton pour réinitialiser toutes les valeurs | |
| radio | Pour créer un bouton radio | |
| cocher | Pour créer une case à cocher | |
| couleur | Pour définir une couleur du champ de texte | |
| date | Créer un champ de date | |
| Pour créer un champ de texte pour obtenir une adresse e-mail | ||
| déposer | Un champ de fichiers-sélection serait créé pour obtenir le fichier | |
| caché | Un champ qui n'est visible que pour le développeur | |
| mois | Pour sélectionner des mois et des an | |
| nombre | Crée un champ qui accepte les valeurs numériques | |
| Tél | Pour insérer un numéro de téléphone | |
| URL | Utilisé pour créer un champ qui contient URL | |
Les attributs fournis dans le tableau montrent que l'élément d'entrée a un rôle clé dans la création de formulaires HTML.
Élément HTML TextArea
L'élément d'entrée vous permet d'insérer un champ de texte à une seule ligne. Cependant, si vous souhaitez créer des champs de texte multi-lignes, vous devez utiliser TAG en utilisant la syntaxe suivante:
Cet élément accepte trois attributs, Lignes, collègues, et nom. Les lignes et les cols attribuent pour définir le hauteur et largeur de l'attribut alors que le nom L'attribut est utilisé pour reconnaître la TextArea par le serveur.
D'après la discussion ci-dessus, vous auriez traversé les éléments constitutifs des formulaires HTML. Pratiquez-les pour créer un exemple de formulaire HTML.
Comment créer une forme HTML
Cette section pratique quelques exemples qui créent des formulaires HTML dans divers scénarios.
Exemple
Le code fourni ci-dessous crée un formulaire HTML en utilisant l'élément de forme à côté des éléments d'entrée et d'étiquette.
La description du code est la suivante:
- Un élément de formulaire est déclaré pour démarrer le corps suivi par l'étiquette, l'entrée et les éléments de zone de texte.
- Deux éléments d'étiquette se réfèrent à deux éléments d'entrée qui sont censés obtenir le nom et l'e-mail de l'utilisateur. De plus, le dernier élément d'étiquette représente le champ TextArea.
- Enfin, un bouton est créé à l'aide du type de soumission de l'élément d'entrée.
Sortir
Pour une meilleure compréhension de la sortie, nous avons mis en évidence la zone où l'étiquette, l'entrée, la textarea et les boutons de soumission sont créés.
Conclusion
Les formulaires de HTML sont utilisés pour collecter des données de l'utilisateur. Cela peut être à des fins telles que les informations des clients, l'enregistrement, les commentaires, les commentaires, etc. Un formulaire HTML peut comprendre divers champs de texte, boutons radio, cases à cocher, champs de messagerie et bien d'autres. Nous avons fourni les éléments fondamentaux des formes HTML et, récemment, ces éléments sont utilisés pour créer également une forme HTML.