Types d'entrée dans HTML
Cette rédaction présente un aperçu complet des types d'entrée suivants:
- Texte
- Soumettre
- Mot de passe
- Bouton
- Radio
- Cocher
- Déposer
- Couleur
- Date
- Temps
- Datetime-local
- Semaine
- Mois
- Tél
Cet article présentera un guide complet pour tous les types d'entrée susmentionnés, alors commençons!
Taper du texte
Le type de texte détermine un champ de texte à une seule ligne.
Exemple
L'extrait ci-dessous crée un champ de saisie de type de texte dans une balise de formulaire:
L'extrait de code ci-dessus générera la sortie quelque chose comme ceci:
La sortie vérifie que le champ de saisie prend les données de type de texte.
Type Soumettre
Le bouton Soumettre Type envoie les données du formulaire à l'URL spécifiée dans la balise.
Exemple
L'extrait ci-dessous montre comment fonctionne le type de soumission:
Le code ci-dessus spécifie une URL d'un fichier HTML dans la balise de formulaire, en outre, il crée un bouton et un champ de texte. Cliquez sur le bouton Soumettre enverra les données entrées dans le champ de texte dans le champ formes.html page.
Avant de cliquer sur le bouton, nous sommes sur le formatributes.html Page, donc, la sortie de l'extrait de code ci-dessus sera comme ceci:
Cliquer sur le bouton affichera les données intentées par l'utilisateur sur le formes.html page:
C'est ainsi que le bouton Soumettre fonctionne dans HTML.
Tapez un e-mail
Il est utilisé pour prendre l'adresse e-mail de l'utilisateur et si quelqu'un entre dans les données non pertinentes, le type de messagerie ne soumettrait pas ces données:
Voici la sortie de ce code:
Tapez votre mot de passe
Le type de mot de passe est utilisé pour déterminer un champ de mot de passe:
Le morceau de code ci-dessus produit la sortie suivante:
Bouton Type
Il est utilisé pour créer un bouton clickable:
La ligne de code ci-dessus montre initialement la sortie suivante:
Radio de type
Il est utilisé pour créer un bouton radio qui permet à un utilisateur de choisir une option à partir de plusieurs options:
Le code ci-dessus fournira la sortie suivante:
Type à cocher
Le type de case à cocher est utilisé pour créer une case à cocher qui permet à un utilisateur de sélectionner une seule ou plusieurs options:
L'extrait ci-dessus montre la sortie suivante:
La sortie authentifie le fonctionnement de la case à cocher.
Type de fichier
Pour joindre un fichier sur un site Web, le type d'entrée de fichier peut être utilisé:
Initialement, il affiche «aucun fichier choisi»:
Lorsqu'un utilisateur sélectionne un fichier, le nom de fichier s'affiche à côté "Choisir le fichier" option:
Type de couleur
Ce type d'entrée est utilisé pour créer un sélecteur de couleurs. La valeur par défaut est noire cependant, un utilisateur peut choisir une couleur à l'aide de valeurs de couleur RVB:
Le morceau de code ci-dessus fournit la sortie suivante:
Cliquer sur la couleur affichera permettra à un utilisateur de choisir une couleur de son choix:
Type de date
Il est utilisé pour créer un champ de type de date qui permet à un utilisateur de choisir une date:
Voici la sortie de l'extrait de code ci-dessus:
Un utilisateur peut choisir une date comme suit:
Type de temps
Il est utilisé pour créer un champ de type de temps qui permet à un utilisateur de choisir un temps. Le type d'entrée de temps peut être implémenté de la même manière que le type de date:
Initialement, les lignes de code ci-dessus fourniront la sortie suivante:
Un utilisateur peut choisir un moment de son choix:
Datetime-local
Il peut être utilisé pour spécifier la date et l'heure simultanément:
La sortie de l'extrait de code ci-dessus ressemblera à ceci:
Un utilisateur peut choisir la date et l'heure simultanément comme indiqué ci-dessous:
Semaine
Il est utilisé pour sélectionner une semaine, l'extrait ci-dessous fournira une meilleure compréhension:
L'extrait divisé ci-dessous montre la sortie des lignes de code ci-dessus:
Mois
Il est utilisé pour sélectionner un mois, l'extrait de code ci-dessous décrit le type d'entrée du mois:
La sortie de l'extrait ci-dessus ressemblera à ceci:
Type de tél
Il est utilisé pour prendre un numéro de téléphone de l'utilisateur. Nous pouvons spécifier un modèle spécifique qui doit être suivi. L'extrait ci-dessous montre le fonctionnement du type d'entrée TEL:
Si quelqu'un entre un modèle non pertinent, un message d'avertissement sera affiché pour entrer le format demandé:
La sortie vérifie que le «Tél» Le type d'entrée fonctionne correctement.
Conclusion
La balise fournit des contrôles d'entrée pour accepter les données de l'utilisateur de différentes manières. Dans HTML, différents types d'entrée peuvent être utilisés pour prendre les entrées de l'utilisateur, par exemple, texte, e-mail, mot de passe, bouton, soumettre et bien d'autres. Tous ces types d'entrée proposent différentes fonctionnalités. Cet article fournit un aperçu complet de certains types d'entrée les plus fréquemment utilisés et a considéré plusieurs exemples pour une meilleure compréhension.