Vous êtes sur la page 1sur 1

Les différents types de champs de saisie

Affichage Code HTML correspondant


-- En-tête du formulaire -- <FORM ACTION="listeParams.php" METHOD="POST">
Une zone de texte
<INPUT NAME="param1">

Attributs d'une zone de texte <INPUT TYPE="TEXT" NAME="param2" VALUE="bonjour"


SIZE="10" MAXLENGTH="6">
Un mot de passe
<INPUT TYPE="PASSWORD" NAME="motdepasse" >

Un champ caché
<INPUT TYPE="HIDDEN" NAME="cache" VALUE="coucou!">

Une case à cocher <INPUT TYPE="CHECKBOX" NAME="param3" VALUE="ON"


CHECKED>
Un groupe de boutons radio Premier Choix: <INPUT TYPE="RADIO" NAME="param4"
VALUE="1">
Premier Choix: Deuxième Choix: <INPUT TYPE="RADIO" NAME="param4"
Deuxième Choix: VALUE="2" CHECKED>
Troixième Choix: <INPUT TYPE="RADIO" NAME="param4"
Troixième Choix: VALUE="3">
Une zone de texte multiligne
Contenu initial de la zone de tex
<TEXTAREA NAME="param5" rows="5" cols="20">
Contenu initial de la zone de texte
</TEXTAREA>

<SELECT NAME="param6">
<OPTION VALUE="1">Première option</OPTION>
Un menu déroulant <OPTION VALUE="2" SELECTED>Deuxième option</OPTION>
<OPTION VALUE="3">Troisième option</OPTION>
<OPTION VALUE="4">Quatrième option</OPTION>
</SELECT>
<SELECT NAME="param7[]" SIZE="4" MULTIPLE>
Une liste de choix multiple <OPTION VALUE="1">Première option</OPTION>
<OPTION VALUE="2" SELECTED>Deuxième option</OPTION>
<OPTION VALUE="3">Troisième option</OPTION>
<OPTION VALUE="4">Quatrième option</OPTION>
</SELECT>
Un bouton "SUBMIT"
Valider
<INPUT TYPE="SUBMIT" NAME="bouton" value="Valider">

Un bouton "RESET"
Réinitialiser
<INPUT TYPE="RESET" value="Réinitialiser">

-- Fin du formulaire -- </FORM>

Vous aimerez peut-être aussi