Actualité Apprendre le XHTML
Les formulaires - Lu 1395 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 XHTML4 parties principales et essentielles !Le 18/04/2008 - Vue 1280 fois Le corps du document Le 18/04/2008 - Vue 1381 fois Les formulaires Le 18/04/2008 - Vue 1396 fois Les Commentaires Le 18/04/2008 - Vue 1340 fois Faire des liens entre les pages Le 18/04/2008 - Vue 2157 fois |
Apprendre le XHTML à lire !
• Qu'est ce qu'un Site Web • Enregistrer vos pages web et faites-les • Les balises block et inline • Lexique CSS • Les Commentaires • Les balises et attributs • Faire des liens entre les pages • 4 parties principales et essentielles ! • Les navigateurs • Les listes • Le corps du document • Définition XHTML • Les tableaux • Les formulaires • Insérer des images |