FORMULAIRES

 

MISE EN GARDE: cette présentation des forms est très succincte et contient uniquement les éléments les plus courants utilisés dans les formulaires. Une application réelle de cette méthode demandera au développeur de se documenter de manière plus détaillée.

 

<form>  </form>

attribut	signification	effet	exemple
action	action	indique l'url de l'application qui doit recevoir les données du formulaire	action="http://www.mon_site.com/cgi-bin/update"    ou   action="mailto:jean@yahoo.com"
enctype	encription type	défini le type d'encription	enctype="text/plain"  ou  enctype="application/x-www-form-urlencoded"  ou  enctype="multipart/form-data"
method	méthode	GET envoie les données d'un coup, dans l'URL, POST les envoie après avoir contacté le serveur	method="POST"  ou  method="GET"
target	cible	redirige les résultat d'un form vers une autre fenêtre (idem <a>)	target="_blank"

 

Utilisation du mail: exemple

<form method="POST" action="mailto:jean@yahoo.com"
enctype="text/plain"
onSubmit="window.alert('Ce formulaire a été envoyé par mail')">

 

Champ texte

<input type="text" name="mon_texte" size="5">

 

texte sous forme de mot de passe:

<input type="password" name="mon_mot_de_passe" size="15">

Zone de  texte

<textarea name="mon_texte" cols="40" rows="4">Saisissez le texte ici</textarea>

Cases à cocher

<input type="checkbox" name="servi avec" value="salade" checked>salade

<input type="checkbox" name="servi avec " value="fromage">fromage

<input type="checkbox" name="servi avec" value="dessert">dessert

Boutons radio

<input type="radio" name="accompagnement" value="frites" >frites

<input type="radio" name="accompagnement" value="riz" checked>riz

<input type="radio" name="accompagnement" value="pâtes">pâtes

Bouton d'envoi

<input type="submit" value="Commander maintenant">  ou  <input type="submit">

Bouton reset

<input type="reset" value="Valeurs par défaut">  ou  <input type="reset">

Liste à sélectionner

<select name="accompagnement">

     <option>frites</option>

     <option>riz</option>

     <option>pâtes</option>

</select>

ou

<select name="servi avec" multiple="multiple" size="3">

     <option value="salad">salade verte</option>

     <option value="cheese" selected>fromage</option>

     <option value="dessert" selected>dessert</option>

</select>

 

Champ sélection de fichier

ne fonctionne qu'avec un type d'encription "multipart/form-data"

<input type="file" name="mon_fichier" size="20">

 

autres attributs de <input>

attribut	signification	effet	exemple
accesskey	touche de raccourci	permet d'accéder au champ avec Alt+[touche de raccourci]	accesskey="a"
align	alignement	idem que les images	align="top"
size	taille	taille en nombre de caractères; attention: très variable entre NS et IE	size="20"
alt	texte alternatif	une bonne méthode d'aide: en survolant le champ avec la souris apparaît alors une popup avec le texte	alt="entrez ici votre nom de famille"
maxlength	taille maxi	taille maximale en nombre de caractères	maxlength="36"
tabindex	index de tabulation	permet de définir un ordre de défilement entre les champs lorsque l'on clique sur la touche tab	tabindex="3"

 

 

 

 

 

 

 

 

 

 

Document Client-pull

Permet d'effectuer automatiquement des boucles de documents, e.g. dans un frame

 

Dans l'entête, insérer:

<meta http-equiv="Refresh" content="délai; URL=url">

 

où        délai correspond au délai de rafraîchissement en secondes

et         url est l'adresse absolue de la page à charger.

 

Pour forcer un rafraîchissement de la page en cours simplement, saisir seulement:

content="délai"