Les boutons cliquables

Il existe 3 types de boutons cliquables : RESET, SUBMIT et IMAGE. Un bouton du type RESET permet d'effacer un formulaire, un SUBMIT permet de transmettre un formulaire. Une IMAGE peut être utilisée comme une carte cliquable.

Voici un exemple d'utilisation d'un bouton IMAGE :

<FORM ACTION="http://www.brunette.brucity.be/cgi-bin/image.bat">
<INPUT TYPE=IMAGE SRC="rm212s.gi" name=map>
</FORM>,

ce qui donne


.

Pour un formulaire, il est possible d'utiliser plusieurs boutons dédiés à des usages différents. Comme ici :

<FORM ACTION="http://www.brunette.brucity.be/cgi-bin/mult.bat">
<INPUT TYPE=SUBMIT NAME=ACTION VALUE="+1">
<INPUT TYPE=SUBMIT NAME=ACTION VALUE="-1">
<INPUT TYPE=SUBMIT NAME=ACTION VALUE="*2">
</FORM>.

Ce qui donne :

Voici le chiffre 10, modifier le maintenant !

Le marqueur délimitant une aire textuelle : <TEXTAREA>

Le marqueur TEXTAREA sert à délimiter un champ de texte multiligne.

Voici un exemple d'utilisation d'un marqueur délimitant une aire textuelle :

<FORM ACTION="http://www.brunette.brucity.be/cgi-bin/area.bat">
<TEXTAREA NAME=TEXTE COLS=40 ROWS=5>
</TEXTAREA>
<p>
<INPUT TYPE=SUBMIT VALUE="En avant">
<INPUT TYPE=RESET VALUE="Recommencer"><p>
</FORM>
<FORM ACTION="http://www.brunette.be/NewBrunette/files/cgi/filetest.html">
<INPUT TYPE=SUBMIT VALUE="Pour voir...">
<\FORM>,

qui donne un moyen à tout un chacun de tester la syntaxe de son HTML :



Les choix multiples : le marqueur <SELECT>

A l'aide du marqueur <SELECT>, il est possible de créer des menus déroulant. L'attribut SIZE détermine le nombre d'éléments visibles simultanément dans le menu. L'attribut optionnel MULTIPLE, sans valeur, indique que l'on peut sélectionner plusieurs éléments à la fois. Les alternatives du menu déroulant sont insérées à l'aide de marqueurs <OPTION> placés entre <SELECT> et </SELECT>.

Voici un exemple d'utilisation de choix multiples :

<FORM ACTION="http://www.brunette.brucity.be/cgi-bin/deroul.bat">
<SELECT NAME=jours>
<OPTION>Vendredi
<OPTION>Jeudi
<OPTION value=chemise>Le 21 juillet
<OPTION value=sac>Le 6 aout 1965
<OPTION value=zorro>Samedi
<OPTION>Dimanche
<OPTION>Lundi
<OPTION>Mardi
<OPTION>Mercredi
</SELECT>
<INPUT TYPE=SUBMIT VALUE="En avant">
</FORM>



suite-index