Scribd
Importer
16 vues1 page

Création d'un formulaire HTML avec SELECT

Le document explique la balise SELECT qui permet de créer une liste déroulante avec des options. Il donne les attributs de la balise SELECT et donne un exemple de formulaire HTML utilisant des éléments comme SELECT, INPUT, TEXTAREA dans un tableau.

Transféré par

Taher
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
16 vues1 page

Création d'un formulaire HTML avec SELECT

Le document explique la balise SELECT qui permet de créer une liste déroulante avec des options. Il donne les attributs de la balise SELECT et donne un exemple de formulaire HTML utilisant des éléments comme SELECT, INPUT, TEXTAREA dans un tableau.

Transféré par

Taher
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Cours réalisé par : Ilahi Néjib

La balise SELECT permet de créer une liste déroulante d'éléments (précisés par des balises OPTION à
l'intérieur de celle-ci). Les attributs de cette balise sont:

• name: représente le nom associé au champ, c'est le nom qui permettra d'identifier le champ
dans la paire nom/valeur
• disabled: permet de créer une liste désactivée, c'est-à-dire affichée en grisée
• size: représente le nombre de lignes dans la liste (cette valeur peut être plus grande que le
nombre d'éléments effectifs dans la liste)
• multiple: marque la possibilité pour l'utilisateur de choisir plusieurs champs dans la liste

Un exemple de formulaire

Les formulaires peuvent être mis en page à l'aide de tableaux (cela est même conseillé pour avoir une
mise en page soignée). Voici un exemple récapitulant les points ci-dessus et montrant comment mettre
en page un formulaire à l'aide d'un tableau:

<FORM >
Enregistrement d'un utilisateur

<TABLE BORDER=0>
<TR>
<TD>Nom</TD>
<TD>
<INPUT type=text name="nom">
</TD>
</TR>

<TR>
<TD>Prénom</TD>
<TD>
<INPUT type=text name="prenom">
</TD>
</TR>

<TR>
<TD>Sexe</TD>
<TD>
Homme : <INPUT type=radio name="sexe" value="M">
<br>Femme : <INPUT type=radio name="sexe" value="F">
</TD>
</TR>

<TR>
<TD>Fonction</TD>
<TD>
<SELECT name="fonction">
<OPTION VALUE="enseignant">Enseignant</OPTION>
<OPTION VALUE="etudiant">Etudiant</OPTION>
<OPTION VALUE="ingenieur">Ingénieur</OPTION>
<OPTION VALUE="retraite">Retraité</OPTION>
<OPTION VALUE="autre">Autre</OPTION>
</SELECT>
</TD>
</TR>
Devoirs et examens sur : [Link]

<TR>
<TD>Commentaires</TD>
<TD>
<TEXTAREA rows="3" name="commentaires">
Tapez ici vos commentaires</TEXTAREA>
</TD>
</TR>

<TR>
<TD COLSPAN=2>
<INPUT type="submit" value="Envoyer">
</TD>
</TR>
</TABLE>
</FORM>

Voici le résultat de ce code HTML

TP2 Page 3 sur 4

Vous aimerez peut-être aussi