Explications des Balises utilisées : liste déroulante, zone texte, cases à cocher, boutons radio
- <SELECT>
et </SELECT> : crée une liste
déroulante. On peut lui attribuer un nom
avec l'attribut "name"
ainsi que le nombre d'éléments visibles
de la liste avec "size"
(1 par défaut).
- <OPTION> :
ajoute un élément à la liste déroulante
créée avec un SELECT. On peut lui
donner une value grâce à son attribut
"value". Par défaut,
c'est la première balise option qui sera
celle par défaut. Si vous voulez que ce
soit une autre, il faut rajouter le mot
suivant dans la balise en question : 'selected'.
- <TEXTAREA> et
</TEXTAREA> :
elles délimitent une zone de texte.
Comme toujours on peut la nommer avec
"name" . On
peut également en spécifier la taille
avec "rows" (nombre
de lignes) et "cols"
(nombre de colonnes).
- "button" :
crée un bouton cliquable. On lui donne
un nom au moyen de "name" et
une valeur (qui sera le text affiché sur
ce bouton) avec "value". Les
simples boutons n'ont pas un grand intérêt
à première vue, mais ils en auront
beaucoup quand on leur effectera des
actions via un JavaScript.
- "checkbox" :
crée une case à cocher comme son som
l'indique. On peut bien entendu lui
donner un nom et une valeur mais on peut
aussi décider si elle doit être cochée
ou non au chargement de la page.
Si la cas doit être cochée, il faut
rajouter dans la balise le mot suivant 'checked'.
Par défaut une case n'est pas cochée.
- "radio" : crée
un bouton radio. On en place plusieurs
pour donner un choix au visiteur.
Contrairement aux cases à cocher avec
lesqu'elles on peut sélectionner
plusieurs valeurs, avec les boutons
radio, on ne peut en choisir qu'une !
Quand on choisit une autre valeur, celle
qui était sélectionnée ne l'est plus.
ATTENTION : les boutons
radios doivent avoir le même nom (via
l'attribut "name") !
Pour sélectionner la valeur par défaut,
comme pour les cases à cocher, il faut
rajouter le mot 'checked'
dans la balise du bouton par défaut.