Les formulaires HTML permettent aux utilisateurs d'interagir avec une page web en envoyant des données. Ils sont essentiels pour des fonctionnalités comme les inscriptions, les connexions ou les recherches.
- Structure de base d'un formulaire :
<form action="/submit" method="post">
<label for="nom">Nom :</label>
<input type="text" id="nom" name="nom" required>
<button type="submit">Envoyer</button>
</form>
2. Types d'entrées :
- Texte : <input type="text">
- Email : <input type="email">
- Mot de passe : <input type="password">
- Boutons radio : <input type="radio">
- Cases à cocher : <input type="checkbox">
3. Validation des formulaires :
- Attributs comme required, pattern, maxlength.
- Exemple :
<input type="email" name="email" required>
4. Exemple pratique : Un formulaire d'inscription complet :
<form action="/register" method="post">
<label for="username">Nom d'utilisateur :</label>
<input type="text" id="username" name="username" required>
<label for="email">Email :</label>
<input type="email" id="email" name="email" required>
<label for="password">Mot de passe :</label>
<input type="password" id="password" name="password" required>
<button type="submit">S'inscrire</button>
</form>
Retour à la liste
Richard Bonnegent
Commentaires (0)