Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Modifier les boutons radio et les cases à cocher

Ce tutoriel va vous montrer comment modifier les boutons radio et les cases à cocher dans Dreamweaver.

Maintenant, nous sommes prêts à ajouter quelques différents types d'objets de notre formulaire. Mettons sur certains boutons radio et une case à cocher.

Voici notre formulaire jusqu'ici.

Champ et zone de texte

Un groupe de boutons d'option permet à un utilisateur de sélectionner une seule touche dans le groupe. Nous allons utiliser un groupe de boutons radio de l'ordre du pour le type de carte de paiement: Mastercard, Visa ou Amex.

Placez le curseur là où nous voulons que le groupe apparaisse, puis sélectionnez Groupe Radio dans le formulaire Insérer menu instantané.

Insertion groupe boutons radio

La boîte de dialogue Groupe de boutons radio apparaît.

Donnez un nom au groupe, puis configurer les boutons. Nous avons besoin de trois boutons, il faut donc ajouter un en cliquant sur le bouton +.

Maintenant attribuer une étiquette pour chaque bouton et une valeur à affecter au groupe pour chaque bouton.

Groupe boutons radio

Remplissez les étiquettes de boutons et de choisir entre une disposition verticale avec des sauts de ligne ou un arrangement sous forme de tableau. Voici la boîte de dialogue terminée.

Groupe boutons radion renseigné

Appuyez sur OK et le groupe de radio est insérée sur la page.

Boutonsn radio isérés

Pour définir une première sélection pour le groupe, sélectionnez le bouton à vérifier au démarrage et régler la Sate initiale à carreaux dans le panneau Propriétés.

Valeur initiale bouton radio

Maintenant, nous allons ajouter une seule case à cocher pour le client de préciser si cette commande de fleurs est un cadeau ou non. Placez le curseur au bon endroit sur le formulaire, puis cochez la case du formulaire Insérer menu instantané.

Insertion case à cocher

Elle appelle l'accessibilité Tag entrée attributs de dialogue. Ici, j'ai achevé la boîte de dialogue.

Attributs case à cocher

Appuyez sur OK et la case à cocher apparaît sur la page. Notez que j'ai utilisé le panneau Propriétés pour attribuer une valeur quand elle est cochée et à préciser que son état initial n'est pas cochée.

Formulaire

Vous pouvez tester ces deux nouveaux objets en utilisant Affichage en direct.

 

Poursuivre les tutos avec:

Modification des listes et des menus

Insertion d'un bouton image

Dynamiser les objets de formulaire

Validation des formulaires

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site