Bonjour. visiteurs jour : 33       Au président     Beauté santé     Infos loisirs     Ensemble      Jean      Informatique     Einstein     Santé corona

Les joies de l'informatique et de l'internet !





Coucou et merci


  Accueil - Disques - Excel - Informatique - Infos - Internet - Javascript - logiciels  - Programation - Sites RJ - Vidéo - Plan du site -



   

 

Cours HTML : Les formulaires

 

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

 

 

-
vues  918     En ligne actuellement :   1   Total des clics  1656396