Accueil du site > Les bases de votre site en HTML > Balises de formulaire
Balises de formulaire
| Balise | Type | Description |
|---|---|---|
| <form> | Block | Délimite un formulaire. Vous devrez généralement donner 2 attributs à la balise <form>
|
| <fieldset> | Block | Permet de regrouper plusieurs éléments d'un formulaire. On l'utilise généralement dans de grands formulaires. Pour donner un titre à votre groupe, utilisez la balise <legend> |
| <legend> | Inline | Titre d'un groupe dans un formulaire. A utiliser à l'intérieur d'un <fieldset> |
| <label> | Inline | Titre d'un élément de formulaire. Généralement, vous devrez mettre l'attribut for sur cette balise pour indiquer l'ID de l'élément auquel correspond le label. |
| <input /> | Block | Champ de formulaire. Il existe de nombreux types de champs différents. Vous choisissez le type de champ que vous désirez grâce à l'attribut type : Code : HTML < !—
Zone de texte d'une ligne —>
<input type="text" /> < !— Mot de passe (le texte est caché) —> <input type="password" /> < !— Envoi de fichier —> <input type="file" /> < !— Case à cocher —> <input type="checkbox" /> < !— Bouton d'option —> <input type="radio" /> < !— Bouton d'envoi —> <input type="submit" /> < !— Bouton de remise à zéro —> <input type="reset" /> < !— Champ caché —> <input type="hidden" /> Pensez à donner un nom à vos champs grâce à l'attribut name |
| <textarea> | Block | Zone de saisie multiligne. Vous pouvez définir sa taille grâce aux attributs rows et cols (nombre de lignes et colonnes) ou bien le faire en CSS grâce aux propriétés width et height. |
| <select> | Block | Liste déroulante. Utilisez la balise <option> pour créer chaque élément de la liste : Code : HTML <select
name="pays">
<option value="france">France</option> <option value="espagne">Espagne</option> <option value="italie">Italie</option> </select> |
| <option> | Block | Element d'une liste déroulante |
| <optgroup> | Block | Groupe d'éléments d'une liste déroulante. A utiliser dans le cas d'une grande liste déroulante. Vous devez utiliser l'attribut label pour donner un nom au groupe. |