SELFHTML: HTML / Formulaires / Boutons radio et boites de vérification

SELFHTML/Quickbar HTML Formulaires

	Boutons radio et boites de vérification
	Définir des boutons radio Définir des boites de vérification Présélectionner des éléments

Définir des boutons radio

Exemple d'affichage: aperçu

Les boutons radio sont un groupe de boutons revêtant une inscription dont l'utilisateur peut marquer l'un. Il ne peut toujours n'y avoir qu'un des boutons marqué. La valeur du bouton marqué sera transmise avec le reste du formulaire.

Exemple:

Donnez votre mode de paiement:
<input type=radio name="modepaiement" value="Mastercard"> Mastercard 
<br>
<input type=radio name="modepaiement" value="Visa"> Visa
<br>
<input type=radio name="modepaiement" value="AmericanExpress"> American Express

Explication:

Les boutons radio sont définis par <input ...> (input = entrée). Derrière suit la mention type=radio. Chaque bouton radio doit recevoir un nom d'identification interne grâce à l'attribut name=. Tous les boutons radio qui portent le même nom appartiennent à un groupe c'est à dire que l'utilisateur ne peut marquer que l'un d'entre eux. Le nom ne doit pas être trop long et ne peut contenir ni espace, ni caractère spéciaux. Utilisez au plus comme caractère spécial le tiret de soulignement "_". Mettez le nom entre guillemets.

Avec l'attribut value= vous déterminez une valeur interne d'identification pour chaque bouton radio (value = valeur). Quand l'utilisateur envoie le formulaire, la valeur d'identification du bouton marqué est transmise. Mettez la valeur d'identification entre guillemets.

Derrière le repère <input> entrez le texte qui doit servir d'inscription au bouton radio et être affiché par le navigateur.

Définir des boites de vérification

Exemple d'affichage: aperçu

Les boites de vérification sont un groupe de boutons revêtant une inscription et que l'utilisateur peut marquer ("cocher"). Les valeurs des boites de vérification marquées sont transmises avec le reste du formulaire.

Exemple:

<p>Donnez lors de la commande de pizzas les ingrédients désirés:</p>
<input type=checkbox name="composant" value="salami"> Salami<br>
<input type=checkbox name="composant" value="champignons"> champignons<br>
<input type=checkbox name="composant" value="anchois"> anchois

Explication:

Les boites de vérification sont définies grâce à <input ...> (input = entrée). Suit la mention type="checkbox". chaque boite de vérification doit recevoir un nom d'identification interne au moyen de la mention name=. Toutes les boites de vérification qui ont le même nom appartiennent à un groupe ce qui veut dire que l'utilisateur peut choisir un plusieurs ou aucun de ses éléments. Le nom ne doit pas être trop long, ne peut comprendre ni espace ni caractère spéciaux. Comme caractère spécial, utilisez tout au plus le tiret de soulignement "_". Mettez le nom entre guillemets.

Avec l'attribut value= vous déterminez une valeur d'identification interne pour chaque boite de vérification (value = valeur). Quand l'utilisateur envoie le formulaire, les valeurs du ou des boutons cochés sont transmises. Mettez la valeur d'identification entre guillemets.

Derrière le repère entrez le texte qui doit servir d'inscription à la boite de vérification et être affiché par le navigateur.

Présélectionner des éléments

Exemple d'affichage: aperçu

Si vous ne mentionnez rien, aucun élément des boutons radios et des boites de vérification ne sera présélectionné. Vous pouvez présélectionner un élément pour les boutons radios ou plusieurs pour les boites de vérification.

Exemple:

<p>
Êtes vous:
<input type=radio name="sexe" value="homme"> un homme? 
<input type=radio name="sexe" checked value="femme"> une femme?
</p><p>
J'aime:
<input type=checkbox name="hobby" checked value="vacances"> vacances
<input type=checkbox name="hobby" checked value="argent"> argent
</p>

Explication:

Pour présélectionner un bouton radio ou une boite de vérification, ajoutez l'attribut checked à la définition du bouton ou de la boite.


après:	Boutons pouvant être cliqués
avant:	Listes de choix et structure de menus

SELFHTML/Quickbar HTML Formulaires