|
Balise FORM
on l'ouvre avec <FORM>
on la referme avec </FORM>
Balises Input
Type= text
<INPUT TYPE="text" NAME="nom_du_champ" SIZE="taille" MAXLENGTH="taille_maximum" VALUE="texte_par_défaut">
<INPUT type=text name="nom">
password
<INPUT TYPE="password" NAME="nom_du_champ" SIZE="taille" MAXLENGTH="taille_maximum">
Champ caché : idden
<INPUT TYPE="hidden" NAME="nom_du_champ " VALUE="valeur">
Type radio
Homme : <INPUT type=radio name="sexe" value="M"> <br>
Femme : <INPUT type=radio name="sexe" value="F">
<INPUT TYPE="radio" NAME="qualite" VALUE="M" CHECKED>Monsieur<BR>
<INPUT TYPE="radio" NAME="qualite" VALUE="Mme">Madame<BR>
<INPUT TYPE="radio" NAME="qualite" VALUE="Mlle">Mademoiselle
type checkbox
<INPUT TYPE="checkbox" NAME="qualites" VALUE="natation" CHECKED>Natation<BR>
<INPUT TYPE="checkbox" NAME="qualites" VALUE="cyclisme">Cyclisme<BR>
<INPUT TYPE="checkbox" NAME="qualites" VALUE="ski">Ski<BR>
<INPUT TYPE="checkbox" NAME="qualites" VALUE="petanque" CHECKED>Petanque<BR>
<INPUT TYPE="checkbox" NAME="qualites" VALUE="basket">Basket
Balise select avec option value et multiple
<SELECT name="fonction">
<OPTION VALUE="enseignant">Enseignant</OPTION>
<OPTION VALUE="etudiant" < ? if ($fonction==etudiant) echo « selected » ; ?> >Etudiant</OPTION>
<OPTION VALUE="ingenieur">Ingénieur</OPTION>
<OPTION VALUE="autre">Autre</OPTION>
</SELECT>
<SELECT name="fonction" MULTIPLE> // ? Permet des choix multiples et renvoi donc un tableau des choix effectués il y a un bug : Multiple= « yes » ?
Balise textarea
<TEXTAREA rows="3" cols=80 name="commentaires">
Tapez ici vos commentaires
</TEXTAREA>
bouton type submit ou reset
<INPUT type="submit" value="Envoyer">
<INPUT type="button" value="Cliquer pour contrôler" onclick= « fonctions javascript ; if ctrl(this.form) submit() ; » >
<INPUT TYPE="reset" VALUE="Effacer"> // efface les valeurs déjà saisies dans le formulaire
Input Boutons personnalisés avec une image HREF SRC
Bouton reset : <A HREF="formulaire.php"><IMG SRC="images/reset.gif" WIDTH=97 HEIGHT=20 BORDER=0 ALT="Annuler"></A>
Bouton envoyer :
<INPUT TYPE="image" SRC="adresse_de_l'image" WIDTH= "largeur" HEIGHT="hauteur" BORDER= "bordure" ALT="Envoyer">
FORM input : Pièce jointe pour envoyer un fichier
<INPUT TYPE="file"> dont l'attribut SIZE a pour valeur la taille (en caractères) du champ correspondant. Ce champ sera suivit d'un bouton qui permet d'ouvrir une boite de dialogue Open pour choisir le fichier.
Il faut préciser la valeur de l'attribut ENCTYPE du conteneur FORM en multipart/form-data. (multipart/form-data signifie que le message peut contenir des données binaires).
Il est également possible de limiter la taille du fichier à envoyer avec le champs caché nommé MAX_FILE_SIZE = taille maximal en octets.
<FORM NAME="nom_du_formulaire" ACTION="mailto:votre@email" METHOD="post" ENCTYPE="multipart/form-data">
<INPUT TYPE="hidden" NAME="MAX_FILE_SIZE" VALUE="taille"> // champ caché fixant la taille maxi
<INPUT TYPE="file" NAME="nom_du_champ" SIZE="taille">
</FORM>
Suite :
La mise en forme du texte en HTML
Les liens et URL en HTML
Les listes, les tables et les tableaux en HTML
les formulaires FORM en HTML
les images en HTML
Les vidéo et son en HTML
|
