6-3 Les champs texte et leurs sélections(cases à cocher/boutons radio)
6-3-1 Les champs texte
Deux types de champs texte : champ simple (une ligne) et champ multi-lignes.
6-3-1-1 champ simple
ex input type="text" name="nom" value="" size="5". Le résultat de cette balise :
type : définit la forme de la balise input. Pour une zone de texte simple, ça valeur est "text".
name : donne un nom au champ texte. Important car à ce nom est associé la valeur.
value : "" vide car l'objectif est que l'internaute renseigne ce champs. Si ce champ était renseigné, l'internaute serait alors amené à selectionner ce texte pour le modifier.
size : longueur du champ. Ne se mesure pas en pixel. L'unité est l'encombrement de la lettre la plus large, donc w.
6-3-1-2 champ multi-lignes
ex: textarea name="nom" cols="5" rows="5" texte défaut /textarea. Le résultat de cette balise (cf code source) :
cols : longueur du champ. L'unité est la même que pour l'attribut size défini ci-dessus.
rows : hauteur du champ, c'est à dire le nombre de lignes.
6-3-2 Les cases à cocher et les boutons radio
Les cases à cocher permettent de faire plusieurs choix alors que les boutons radion un seul, dans les deux cas, dans un ensemble de propositions.
6-3-2-1 Les cases à cocher
Ex : input type="checkbox" name="nom" value="nom_du_choix". Le résultat de cette balise (cf code source) :
type : définit la forme de la balise input. Pour des cases à cocher, ça valeur est "checkbox".
name : donne à la case. Important car à ce nom est associé la valeur.
value : valeur de la sélection, de la case.
6-3-2-2 Les boutons radio
Ex : input type="radio" name="nom" value="nom_du_choix". Le résultat de cette balise (cf code source) :
type : définit la forme de la balise input. Pour des boutons radio, ça valeur est "radio".
name : donne à la case. Important car à ce nom est associé la valeur et pour ne faire qu'un seul choix dans une sélection, il faut que tous les attributs name aient la même valeur.
value : valeur de la sélection, de la case.
