L'utilité d'un formulaire HTML
Le formulaire
HTML est un ensemble d'éléments que l'utilisateur soumet au serveur. Ces éléments sont essentiellement les inputs
(voir le chapitre précédent). Cela permet une communication entre l'utilisateur et le site web.
La balise <form>
Les formulaires sont encadrés par les balises <form> et possèdent les attributs suivants:
METHOD, indique le type d'envoi des données. Soit en POST ( données envoyées via le corps de la requête ) ou en GET qui envoie les données
via l'URL.
ACTION indique la localisation du script. Cela peut être un script CGI ou directement une adresse mail, exemple : mailto:
[email protected]
Exemple:
| <form method="POST" action="/page-html-formulaire"> |
|---|
| Nom <input type="text" name="nom" /> |
|---|
| Prénom <input type="text" name="prenom" /> |
|---|
| <input type="submit" value="Valider" /> |
|---|
| </form> |
|---|
Résultat:
Si vous avez intégré
BOOTSTRAP vous pouvez afficher le formulaire ainsi:
| <form method="POST" action="/page-html-formulaire"> |
|---|
| <input type="text" name="nom" placeholder="Nom" /> |
|---|
| <input type="text" name="prenom" placeholder="Prenom" /> |
|---|
| <input type="submit" class="btn" value="Valider" /> |
|---|
| </form> |
|---|
Vous pouvez styliser le formulaire HTML:
| <form method="POST" action="/page-html-formulaire"> |
|---|
| <fieldset> |
|---|
| <legend>Inscription</legend> |
|---|
| <input type="text" name="nom" placeholder="Nom" /> |
|---|
| <br /> |
|---|
| <input type="text" name="prenom" placeholder="Prenom" /> |
|---|
| <br /> |
|---|
| <input type="submit" class="btn btn-primary" value="Valider" /> |
|---|
| </fieldset> |
|---|
| </form> |
|---|
UNE QUESTION SUR L'ARTICLE?
CSSW