Actualité Apprendre le XHTML
Les formulaires - Lu 173 foisLes formulaires, dont la balise est <form> sont des balises de type block. Elles ne doivent donc pas se situer dans des paragraphes. Le formulaire permet de récupérer des informations saisies par l’internaute. La balise XHTML <form> doit impérativement contenir deux attributs : l’attribut action qui définit la destination où sont envoyées les donnés et l’attribut method qui définit la méthode d'envoi (POST et GET). La balise label Cette balise permet d’ajouter des informations à côté des différents champs. <form action="script.php" method="post"> <p><label>Votre prénom : <input type="text" name="prenom" /></label></p> </form> Notez que la balise <label> entoure à la fois le texte et la champ de formulaire. Les cases à cocher, boutons radios et menus déroulants Les cases à cocher permettent de faire plusieurs choix sur un ensemble de propositions. (<input type="checkbox" name="nom" value="Nom-Choix" />) Les boutons radios permettent de faire un choix unique sur un ensemble de propositions. (<input type="radio" name="nom" value="Nom-Choix" />) L’attribut type définit la forme de la balise <input>, l’attribut name donne un nom à la case (essentiel car il est associé à l’attribut value – valeur de la sélection - une fois le formulaire envoyé). Les menus déroulants peuvent être une alternative aux boutons radios. <select name="Nom-Choix" size="1" multiple="multiple"> <option value="choix">Choix1</option> </select> La balise <option> correspond à un élément de la liste. Il y a donc généralement plusieurs balises <option>. L’attribut size détermine le nombre d'options visibles. Il doit être inférieur ou égal au nombre de balises <option>. L’attribut multiple signifie que l'on peut faire plusieurs sélections. Sans cet attribut XHTML, l'internaute ne pourra faire qu'une seule sélection. Les zones de texte Pour un champ simple : <input type="text" name="nom" value="" size="5" /> L’attribut size correspond à la longueur du champ. Pour un champ multilignes on utilise la balise <textarea> : <textarea name="nom" cols="30" rows="5"> </textarea> L’attribut cols correspond à la longueur du champ L’attribut rows correspond à la hauteur du champ Les boutons Effacer et Envoyer Votre formulaire doit contenir à la fois un bouton « Effacer » (<input type="reset" name="nom" value="Effacer" />) et un bouton « Envoyer » (<input type="submit" name="nom" value="Envoyer" />) L’attribut value correspond au texte affiché sur le bouton, l’attribut type définit quant à lui l’action à exécuter. L’envoi du formulaire Le formulaire une fois complété, et une fois le bouton « Envoyer » cliqué, ses données doivent être envoyées. Pour cela on utilise les attributs action et method. <form method="post" action="script.php"> </form> Dans le cas de l’envoi vers une adresse mail, on utilise en plus l’attribut enctype qui précise la méthode MINE de codification (format d'envoi) qui va être utilisé pour l'envoi en method="post" <form method="post" action="mailto:Votreemail" enctype="text/plain"> </form> Les formulaires Buzz de Junior Autres Buzz Actualités Apprendre le XHTMLQu'est ce qu'un Site WebLe 18/04/2008 - Vue 140 fois Les balises block et inline Le 18/04/2008 - Vue 138 fois Les balises et attributs Le 18/04/2008 - Vue 141 fois Enregistrer vos pages web et faites-les valider ! Le 17/04/2008 - Vue 148 fois Faire des liens entre les pages Le 18/04/2008 - Vue 292 fois |
Apprendre le XHTML à lire !
• Définition XHTML • Les balises et attributs • Les listes • Le corps du document • Les Commentaires • Lexique CSS • Faire des liens entre les pages • Les formulaires • Des logiciels ? • Qu'est ce qu'un Site Web • Les tableaux • Insérer des images • 4 parties principales et essentielles ! • Les balises block et inline • Les navigateurs |