La balise <FORM> permet de créer des formulaires, qui vous permettront d'envoyer des E-mails, de créer des sondages, des questionnaires, des commentaires, etc ...
Il se rempli grâce à des champs et boutons,
puis envoi ses informations à votre serveur d'hébergement (grâce aux scripts), pour ensuite les renvoyer à une adresse voulu.
Cette balise contient plusieurs attributs :
L'attribut ACTION= qui permet d'envoyer les formulaires avec :
- "mailto:editeurhtml@fr.st" qui envoie le formulaire grâce à la messagerie de votre navigateur
- "cgi-bin/mailling" qui l'envoie grâce à un script "cgi" situé sur le serveur d'hébergement.
L'attribut ENCTYPE=, designe le format à l'envoie du formulaire. Il peut avoir 2 formats :
-"multipart ou form-data": Utilisé pour les formulairez avec des fichiers attachés .
-"texte ou plain" : Utilisé pour un formulaire normale ou classique .
Créer un questionnaire (avec un champ de saisie )
<FORM> Nécessite un marqueur de
fin. Ce code s'écrit : <FORM>.......</FORM> Exemple :
Voici les attributs possible avec TYPE="texte" :
<FORM>
<INPUT TYPE="texte" NAME="Nom" SIZE="50">
<INPUT TYPE="texte" NAME="email" SIZE="50">
<INPUT TYPE="texte" NAME="Adresse" SIZE="30">
<INPUT TYPE="texte" NAME="Adresse2" SIZE="30">
<INPUT TYPE="texte" NAME="code postal" SIZE="10">
<INPUT TYPE="texte" NAME="ville" SIZE="50">
<INPUT TYPE="texte" NAME="urlsite" SIZE="50">
</FORM>
Voici l'exemple du Questionnaire
Note:
l'attribut TYPE="texte" contient 2 autres attributs en plus de NAME et SIZE :
-VALUE : Définit un texte par défaut dans le champ.
-MAXLENGTH : Nombre de caractères autorisés dans le champ.
<TEXTAREA> Formater un espace pour commentaire ou texte normale. Nécessite un marqueur
de fin. Ce code s'écrit :
<TEXTAREA>.......</TEXTAREA>
Il possède 3 attributs principaux :
-NAME : Nom du champ.
-ROWS : Définit le nombres de ligne (hauteur du champ)
-COLS : Définit le nombre de caractères possible par ligne (longueur du champ).
Exemple :
<TEXTAREA NAME="commentaire"
ROWS="5" COLS="40" >Texte par défaut </TEXTAREA>
Note:
la balise <TEXTAREA> contient 1 autre attribut :
-READONLY : Indique que personne ne peut ecrire à l'intérieur, mais seulement lire son contenu.
Exemple :
<TEXTAREA NAME="commentaire"
ROWS="5" COLS="40" readonly >Voici le texte qui ne peut être que lut et non modifié ! </TEXTAREA>
Créer des questionnaires ( avec boutons à cocher)
Voici l'attribut TYPE="RADIO" qui sert à créer des boutons à cocher.
Il posséde 2 attributs :
-NAME : Spécifie le nom du bouton qui est obligatoire.
-VALUE : Spécifie le nom du choix.
Vous pouvez aussi rajouter l'attribut CHECKED dans la balise <IMPUT> qui cochera le bouton par défaut
Exemple n°1 sans l'attribut CHECKED :
Voici l'attribut TYPE="checkbox" qui sert à créer des bouton à cocher.
Il posséde 2 attributs :
-NAME : Spécifie le nom du bouton qui est obligatoire.
-VALUE : Spécifie le nom du choix. Exemple :
La balise <SELECT> permet de créer des listes déroulantes ou autres menus. Ne nécessite pas de
marqueur de fin. Ce code s'écrit : <SELECT NAME="?">
Cette balise est complètée par une autre balise obligatoire qui est <OPTION> qui définira les choix. Voici les attribut de <SELECT> :
-NAME : Nom de la liste.
-SIZE : Définit la nature , =1 c'est un menu déroulant, >1 c'est une liste avec scroller.
Voici les attributs de <OPTION> :
-VALUE : Nom d'un choix du menu ou liste.
-SELECTED : Elément par défaut.
Voici le code :
<FORM>Quelle est la fréquence de votre processeur (en Mhz) ? <SELECT multiple name=ordi> <OPTION
value=400>400 <OPTION value=600>600 <OPTION value=900>900 <OPTION
value=1200>1200 <OPTION value=autre>Autres choix </OPTION></SELECT></form>
Créer une commande
Vous pouvez soumettre un formulaire et l'éffacer grâce à ces attributs :
-RESET : efface ou recommence le formulaire.
-SUBMIT : Envoie le formulaire à un serveur ou à une adresse E-mail.
Exemple pour un menu avec scroller :
Voici le code :
<FORM><INPUT type=submit value="Effacer et recommencer"> <INPUT type=submit value="Envoyez !"> </FORM>
Insérer un fichier attaché au formulaire :
Il vous suffit d'entrer l'attribut TYPE="file" à la balise <IMPUT> Exemple :
Voici le code :
<INPUT TYPE="file" VALUE="fichier">
Les dessous d'un formulaire :
Un formulaire contient des attributs cachés qui vous permet d'indiquer :
1] la provenance d'un formulaire
2] l'e-mail de direction
3] Redirectionner un utilisation une fois le formulaire rempli.
1] Voici le code à insérer :
<INPUT TYPE="hidden" NAME="FROM" VALUE="adresse@provider.com">
2] Voici le code à insérer :
<INPUT TYPE="hidden" NAME="TO" VALUE="adresse@provider.com">
3] Voici le code à insérer :
<INPUT TYPE="hidden" NAME="GOTOURL" VALUE="http://www.editeurhtml.fr.st">