Plusieurs éléments HTML permettent de créer des formulaires, qui peuvent être transmis à des pages PHP ou envoyés par e-mail.
Balise | Signification |
<form name="nom" action="traitement.php" method="post">
… </form> |
Formulaire |
<fieldset>contenu</fieldset> | Groupe d’options permettant de rassembler plusieurs champs |
<legend>texte</legend> | Légende affichée dans un élément fieldset |
<label>texte</label> | Simple légende textuelle |
<input type="text" name="Nom" id="identifiant" value="valeur"> | Zone de texte |
<input type="button" name="Nom" id="identifiant" value="Légende du bouton"> | Bouton |
<input type="image" src="image.jpg" id="identifiant"> | Un bouton contenant une image |
<input type="password" name="Nom" id="identifiant" value="valeur par défaut"> | Zone de saisie d’un mot de passe |
<input type="checkbox" name="Nom" id="identifiant" value="Valeur"> | Case à cocher |
<input type="radio" name="Nom" id="identifiant" value="Valeur"> | Bouton radio |
<input type="hidden" name="Nom" id="identifiant" value="valeur"> | Champ caché. Bien qu’il n’apparaisse pas dans le formulaire, son contenu est envoyé au serveur lorsque l’utilisateur clique sur le bouton Submit |
<input type="submit" name="Nom" id="identifiant" value="Texte affiché sur le bouton"> | Bouton d’envoi, pour envoyer les données du formulaire au serveur |
<input type="reset" name="Nom" id="identifiant" value="Texte affiché sur le bouton"> | Bouton de réinitialisation du formulaire |
<input type="email" name="Nom" id="identifiant"> | Champ de saisie spécialisé pour recevoir des adresses e-mail |
<input type="url" name="Nom" id="identifiant"> | Champ de saisie spécialisé pour recevoir des adresses URL |
<input type="file" name="Nom" id="identifiant"> | Fichier local |
<textarea cols="Nombre colonnes" rows="Nombre lignes" id="identifiant">
Texte par défaut </textarea> |
Zone de saisie multiligne |
<select name="Nom" id="identifiant">
<option value="valeur1"> … <option value="valeurN"> </select> |
Liste déroulante |
<select name="Nom" size="5" id="identifiant">
<option value="valeur1"> … <option value="valeur5"> </select> |
Zone de liste (ici, cinq éléments sont affichés) |