 |
|
|
|
|
||
|
Vous avez créé un site, est vous aimeriez par exemple que vous visiteurs puivent ajouter des commentaires à vos pages, vous contacter. Tout ceci devient possible et très simple en créant des formulaires avec des cases à coches ou à remplir.
------------------------------------------------------------------------------------------------------------------------------------------------
10. Formulaires
Afin d'insérer un formulaire dans vos pages xhtml vous devez obligatoirement ajouter les balises <form> et </form>. Ces balises permettent d'indéquer le début et la fin du formulaire.
Voici la structure de base d'un formulaire.
Syntaxe :
<form> |
N'oubliez pas de mettre les balises <p> et </p> à l'intérieur de votre formulaire si vous avez besoin d'écrir du texte à l'intérieur.
Eh voilà la structure. Mais tout n'est pas terminé, n'oublions pas qu'un formulaire est destiné à entre envoyé. C'est ce que nous allons traiter maintenant.
Nous sommes façe à deux taches indispensables pour le fonctionnement d'un formulaire :
Il est indispensable que vous indiquiez 2 attributs de la balise <form> :
La soumission d'un formulaire, c'est à dire l'envoye des informaitons dans une base de donnée ou dans une boite e-mail ne peut se faire qu'à travers le language php. Le serveur ou est hébergée la page doit accepter les pages dinamique php et en plus votre page doit posséder l'extension ".php"
Nous allons maintenant configurer la ligne de code qui va faire pointer le formulaire vers une page php (submit_form.php) qui va traiter les informaitons.
Syntaxe :
<form method="post" action="submit_form.php" > |
Dans le xhtml il existe deux types de zones de texte possibles :
Pour insérer une zone de texte on va utiliser la balise <input>. L'attribut de cette balise va changer selon les cas.
Syntaxe : Pour une zone de texte à une ligne
<input type="text" /> |
Vous avez la possibilité de donner un nom à votre zone de texte. Vous pourrez effectuer cette étappe grâce à l'attribut name.
Syntaxe : le visiteur rentre un commentaire
<input type="text" name="commentaire" /> |
Mettons ensemble les éléments appris dans un exemple afin de créer notre premier formulaire.
Exemple :
<form method="post" action="submit_form.php" > |
En plus des zones de saisies, vous avez la possibilité de proposer des éléments d'option à travers différentes méthodes :
Pour faire ceci il faut changer l'attribut dans la balise input de type.
Syntaxe :
<input type="checkbox" name="possibilités" /> |
Exemple :
<form method="post" action="submit_form.php" > |
Ce qui va donner :
Pour faire qu'une case soit cochée par défaut ajouter l'éléments cheked dans la balise input :
Syntaxe :
<input type="checkbox" name="possibilités" cheked="cheked" /> |
# Des zones d'option
Les zones d'options vous permettent de faire un choix (et un seul) parmi une liste de possibilités :
Dans l'attribut type il vous faudra mettre la valeur radio. Dans ce cas l'attribut name reste le meme, et c'est l'attribut value qui va changer.
Exemple :
<form method="post" action="submit_form.php" > |
Ce qui va donner :
# Des listes déroulantes
Vous avez la possibilité de proposer différents choix dans un liste déroulante.
Les balises <select> et </select> vont définir le début et la fin de la liste déroulante. L'attribut name va nous permettre de donner un nom à la liste.
Syntaxe :
<select name ="age"> |
La balises <option> et </option> vont définir les différents choix possibles. Chaqu'une va avoir l'attribut value pour l'identifier.
Exemple :
<form method="post" action="submit_form.php" > |
Ce qui va donner :
Exemple :
<form method="post" action="submit_form.php" > |
Ce qui va donner :
------------------------------------------------------------------------------------------------------------------------------------------------
