Les bases des formulaires HTML
Les formulaires servent à saisir des données : nom, email, mot de passe, recherche, message, choix multiples, etc.
Les balises à connaître
- <form> : conteneur du formulaire.
- <label> : étiquette d’un champ.
- <input> : champ simple.
- <textarea> : zone de texte longue.
- <select> et <option> : liste déroulante.
- <button> : bouton d’envoi ou d’action.
Formulaire de contact simple
<form action="/merci.html" method="post">
<label for="nom">Nom</label>
<input id="nom" name="nom" type="text" required>
<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="vous@example.com" required>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5"></textarea>
<button type="submit">Envoyer</button>
</form>
Accessibilité : associe toujours un label à chaque champ via les attributs for et id.