Définissez un formulaire qui comporte les éléments suivants :
- Un champ de saisie de type texte pour saisir un prénom
- Un champ de saisie de type texte pour saisir un nom
- Un champ de saisie de type mot de passe pour saisir un mot de passe
- Une liste déroulante contenant trois valeurs (<20 ans, 20 à 50 ans, >50 ans) pour saisir l’âge
- Un champ de saisie multiligne pour saisir des observations
- Un bouton d’envoi du formulaire et un bouton de remise à zéro du formulaire
Le formulaire devra être communiqué à la page traitement.php en utilisant la méthode POST.
Arrêtez la lecture et mettez-vous au travail. Vous pourrez poursuivre la lecture de l’article lorsque vous aurez terminé la saisie du code.
Solution
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Un formulaire</title>
</head>
<body>
<form name="MonFormulaire" method="post" action="traitement.php">
<label>Prénom</label>
<input type="text" name="prenom">
<br><label>Nom</label>
<input type="text" name="nom">
<br><label>Mot de passe</label>
<input type="password" name="mdp">
<br><label>Age</label>
<select name="age">
<option><20 ans</option>
<option>20 à 50 ans</option>
<option>>50 ans</option>
</select>
<br><label>Observations</label>
<br><textarea cols="40" rows="4" name="observations"></textarea>
<br><br><input type="submit" name="Nom" value="Envoyer">
<input type="reset" name="Nom" value="Annuler">
</form>
</body>
</html>