Accueil    HTML    Balise Command
 



balise output  Balise COMMAND : commande

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <command> permet de définir une action réalisable par l'utilisateur. Elle se différencie des balises <button> et <input> par son utilisation dans le cadre particulier d'un menu de commandes (au sein de la balise <menu>), qui rend son emploi adapté spécifiquement à une boite à outil ou une liste d'actions utilisateur.



Propriétés pour la balise command :




Propriétés Définition Valeurs
checked Indique que l'élément doit être coché lorsque la balise <command> est de type checkbox ou radio checked
disabled Indique que la commande est inactive disabled
icon Défini une image qui sera affichée pour représenter la commande URL
label Nom de la commande tel qu'il sera affiché pour l'utilisateur Texte
radiogroup Indique le nom du groupe de boutons radio lorsque la balise <command> est de type radio Identifiant
type Type de contrôle employé par la balise command checkbox
command
radio


Exemple d'utilisation de la balise command :




Déplacement d'un élément <div> avec des commandes :

<menu label="Déplacement" type="toolbar" style="margin-left:20px; border:dashed 1px silver;">
   <command type="command" label="Déplacer vers le haut" onclick="MoveTop();">Déplacer vers le haut</command>
   <command type="command" label="Déplacer vers le bas" onclick="MoveBottom();">Déplacer vers le bas</command>
   <command type="command" label="Déplacer vers la droite" onclick="MoveRight();">Déplacer vers la droite</command>
   <command type="command" label="Déplacer vers la gauche" onclick="MoveLeft();">Déplacer vers la gauche</command>
   <command type="command" label="Recentrer" onclick="MoveCenter();">Recentrer</command>
</menu>


<div style="margin-left:20px; border:dashed 1px silver;">
   <label>Déplacement (menu alternatif)</label>
   <input type="button" onclick="MoveTop();" value="↑ Haut" />   
   <input type="button" onclick="MoveBottom();" value="↓ Bottom" />
   <input type="button" onclick="MoveLeft();" value="← Gauche" />
   <input type="button" onclick="MoveRight();" value="Droite →" />
   <input type="button" onclick="MoveCenter();" value="Recentrer" />
</div>


<div style="position:relative; margin-left:20px; border:solid 1px black; width:300px; height:200px;">
   <div style="position:absolute; top:80px; left:130px; width:40px; height:40px; border:solid 1px black; background-color:lightsteelblue;">
   </div>
</div>


Déplacement d'un élément <div> avec des commandes :
Déplacer vers le haut Déplacer vers le bas Déplacer vers la droite Déplacer vers la gauche Recentrer