input:checked  { margin : 100px;}

input:enabled  { color : green;}

input:disabled { color : red;}

Constatez l'effet des règles CSS qui sont affichées en haut de la page sur les champs de type input ci-dessus.

1. Décochez la case à cocher et constatez la variation de la taille de la marge qui revient à sa valeur par défaut.
2. Constatez que la couleur du premier champ de type text qui est dans l'état enabled est verte.
3. Constatez que la couleur du deuxième champ de type text qui est dans l'état disabled est rouge.
4. Allez voir le tutoriel pour voir le code complet de cet exemple. Lien direct ci-dessous.