Quels sont les éléments de formulaire HTML ?

Les éléments du formulaire HTML sont : 1. Zone de texte "TEXTAREA" ; 2. Zone de liste "SELECT" ; 3. Zone de saisie de texte "INPUT type=text" ; mot de passe " " 5. Boîtes de saisie radio, etc.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5, ordinateur Dell G3.

Les éléments de formulaire couramment utilisés en HTML incluent : la zone de texte (TEXTAREA), la zone de liste (SELECT), la zone de saisie de texte (INPUT type=text), la zone de saisie du mot de passe (INPUT type=password), la zone de saisie radio ( INPUT type=radio), cochez la case de saisie (INPUT type=checkbox), bouton de réinitialisation, bouton de soumission, champ caché, etc.

1. Champ de texte

<input type="text" name="text" value="" />

2. Champ de mot de passe

Le mot de passe est similaire à la zone de texte, mais le contenu qui y est saisi est affiché sous forme de points.

<input type="password" name="text" value="" />

3. Bouton radio

Hommes : Homme

Femme : Femme

Case à cocher

<input type="checkbox" name="check1" value="" />

5. >

6. Bouton de réinitialisation

Lorsque vous cliquez sur le bouton de réinitialisation, le formulaire où se trouve le bouton est réinitialisé. Tout sera effacé, sans affecter les autres formulaires.

7. Bouton Soumettre

Lorsque vous cliquez sur le bouton Soumettre, le navigateur soumettra automatiquement le formulaire.

8. Champs masqués

Les champs cachés ne sont pas affichés dans le navigateur, juste pour enregistrer des données moins importantes. .

9. Télécharger le domaine

10. Bouton Image

11. Liste déroulante

<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

Par exemple :

Attribut : désactivé, valeur facultative : désactivé, description : Spécifie de désactiver la liste déroulante.

12. L'élément label

abel ne présentera aucun effet spécial à l'utilisateur. Cependant, cela améliore la convivialité pour les utilisateurs de souris. Ce contrôle est déclenché si vous cliquez sur le texte à l'intérieur de l'élément label. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette. Par exemple, lorsque vous placez un bouton radio à l’intérieur d’une étiquette. Ensuite, cliquer sur le texte dans l'étiquette déclenchera également le bouton radio, au lieu de simplement cliquer sur le petit point.

Par exemple :

<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>

13. Désactivé et lecture seule

Attributs désactivés et lecture seule. readonly n'est valide que pour la saisie (texte/mot de passe) et la zone de texte, tandis que désactivé est valide pour tous les éléments du formulaire, y compris la sélection, la radio, la case à cocher, le bouton, etc. Cependant, une fois l'élément de formulaire désactivé, lorsque nous soumettons le formulaire via POST ou GET, la valeur de cet élément ne sera pas transmise et la valeur en lecture seule sera transmise.

Zone de texte désactivée :

Zone de texte en lecture seule :

14. TextArea

15. champset La définition du domaine

fieldset est utilisé pour regrouper les éléments du formulaire et la légende est utilisée pour définir le titre du groupe.

Le formulaire est principalement responsable de la fonction de collecte de données dans la page Web. Un formulaire comporte trois composants de base : La balise form, qui contient l'URL du programme CGI utilisé pour traiter les données du formulaire et la méthode de soumission des données au serveur. Les champs de formulaire comprennent des zones de texte, des zones de mot de passe, des champs masqués, des zones de texte multilignes, des cases à cocher, des zones de boutons radio, des zones de sélection déroulantes, des zones de téléchargement de fichiers, etc. Les boutons de formulaire incluent les boutons de soumission, les boutons de réinitialisation et les boutons généraux ; ils sont utilisés pour transférer des données vers un script CGI sur le serveur ou annuler la saisie. Vous pouvez également utiliser les boutons de formulaire pour contrôler d'autres tâches de traitement qui ont défini des scripts de traitement.

Tutoriel recommandé : "

Tutoriel vidéo HTML

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!