Création d'un formulaire:

Tapez <FORM

Tapez METHOD=méthode, méthode étant GET ou POST .

Tapez ACTION="script.url">

Créer le contenu du formulaire :

<input type="texte" name="nom" size="30" maxlenght="20">

<input type="password" name="nom" size="30" maxlenght="20"> Les lettres sont remplaces par des étoiles .

Maxlenght : Longueur maximale autorisé

Pour créer un champ plus grand :<textarea name="nom" rows="" cols="" wrap>

Wrap : Permet de faire le retour à la ligne automatique dés que le texte entré par le visiteur atteint la marge de droite .

Tapez </FORM>

<FORM method=post action="cgi-bin/script.pl">
Enregistrement d'un utilisateur
<TABLE BORDER=0>
<TR>
	<TD>Nom</TD>
	<TD>
	<INPUT type=text name="nom">
	</TD>
</TR>

<TR>
	<TD>Prénom</TD>
	<TD>
	<INPUT type=text name="prenom">
	</TD>
</TR>

<TR>
	<TD>Sexe</TD>
	<TD>
	Homme : <INPUT type=radio name="sexe" value="M">
    <br>Femme : <INPUT type=radio name="sexe" value="F">
	</TD>
</TR>

<TR>
	<TD>Fonction</TD>
	<TD>
	<SELECT name="fonction">
		<OPTION NAME="enseignant">Enseignant</OPTION>
		<OPTION NAME="etudiant">Etudiant</OPTION>
		<OPTION NAME="ingenieur">Ingénieur</OPTION>
		<OPTION NAME="retraite">Retraité</OPTION>
		<OPTION NAME="autre">Autre</OPTION>
	</SELECT>
	</TD>
</TR>

<TR>
	<TD>Commentaires</TD>
	<TD>
	<TEXTAREA rows="3" name="commentaires">Tapez ici vos commentaires</TEXTAREA>
	</TD>
</TR>

<TR>
	<TD COLSPAN=2>
	<INPUT type="submit" value="Envoyer">
	</TD>
</TR>
</TABLE>
</FORM>

1. Création d'un bouton d'option :

Dans le texte <FORM

<input type="radio" name="nom" value="données" checked(vérifié)>

<input type="checbox" name="nom" value="célèbre"

 

2. Création d'un menu :

Dans la partie form de votre document HTML Tapez éventuellement un texte d'introduction à votre menu .

Tapez<select name="age" size="5">

<option value="adolescents">10-19

<option selected value="aldultes1">20-29

<option value="adolescents2">30-39

<option value="fleurâge">40-49

</select>

 

3. Création d'un élément masqué :

Tapez <input type="hidden"(Caché) name="nom" value="données">

Nota :Ce champ permet d'avoir des informations par rapport aux clients sans que celui là le sache .

 

4. Création d'un bouton de soumission :

Tapez <input type="submit" value="envoyez"> Créer un bouton permettant d'envoyez les informations .

Tapez <input type="reset" value="Effacez"> Ce bouton est une remise à zéro par rapport aux informations du formulaire .

 

5. Création d'un bouton de soumission avec dessin :

<button namz= "submit " value= "soumettre " type= "soumettre " style= "font : 24 pt arial black ;background : yellow "><img src= "coche.gif " width= 40 height= "40>vote</button>

6. Création d'une image active :

Créez une image GIF et enregistrez-la dans le dossier réservé aux graphismes sur votre serveur .

Tapez <imput type= "image ">

Tapez SRC= "url_image ", url_image étant l ‘emplacement de l’image sur le serveur .

Tapez NAME= "nom " .Lorsque le visiteur clique l’image, les coordonnées courantes de la souris sont ajoutées à la fin du nom défini ici, puis envoyées au serveur .

Tapez le > final, afin de terminer la définition de l’image active dans FORM .

 

7. Pour organiser les éléments d'un formulaire :

Après la balise FORM ,mais avant les éléments du formulaire à inclure dans le premier groupe, tapez <FIELDSET>.

Tapez<LEGEND>

Si vous le souhaitez,tapez ALIGN="type" étant top(haut), bottom(bas), left(gauche) ou right(droite) .

Tapez >

Saisissez le texte de la légende

Tapez </LEGEND>,afin de terminer la légende

Créer les éléments de formulaire à créer

Tapez </FIELDSET>, afin de clore le premier groupe de composants .

 

8. Pour étiqueter formellement une partie de formulaire :

Tapez <LABEL .

Tapez FOR= "nomid ">, nomid étant la valeur de l’attribut ID dans l’élément de formulaire correspondant .

Saisissez le contenu de l’étiquette .

Tapez </LABEL>

 

9. Pour désactiver un élément de formulaire :

Dans la balise de l’élément de formulaire, tapez DISABLED .

 

10. Pour empêcher la modification d’éléments :

Tapez READONLY dans la balise de l’élément du formulaire .

Exemple : <textarea name= "historique " cols=25 rows=3 readonly>Barcelone en décembre, Jersey en mai, Paris en aout, etc …>

Retour au sommaire