Chargement...

Les formulaires HTML


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:exemple@exemple.com

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:
Nom Prénom
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>
Inscription





UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW