|  |  | |
|
|
|
|
|
 Focus - 30 Août 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!
 Inscrivez-vous dès à présent !
|
|
|
|
|
|
| CSS |     | | Formulaires et CSS
Nous allons voir dans ces différents exemples, qu'à l'aide des feuilles de styles, on peut aisément redéfinir tous les éléments d'un formulaire... Il suffit dans la plupart des cas de redéfinir les balises propres à un formulaire ou de spécifier l'attribut style.
Exemple avec une feuille de style
Insérer entre les balises <head> et </head> cette feuille de style qui redéfinira la balise input sur la totalité de votre document.
<style type="text/css">
<!--
input
{
color:#cc0000;
background-color:#ccccff;
font-size:11px;
font-family:Arial;
font-weight: bold;
}
//-->
</style>
ou avec l'attribut style
<input type="text" style="font-family: Arial;font-size:11px;color:#330099;background-color:#ccccff;font-weight:bold" name="texte" value="Texte ici" size=20 maxlength=30>
Ce qui donne ceci :
Exemple avec un bouton
<input style="font-family: Verdana;font-size:10px;color:#ff0000;background-color:#ff9900;font-weight:bold" type="submit" value="Envoyer">
Ce qui donne ceci :
Exemple avec une liste
<select name="exemple" style="font-family: Verdana;font-size:10px">
<option value="choix1" style="color:#000066;background-color:#99ffff">Choix 1
<option value="choix2" style="color:#ffffff;background-color:#339900">Choix2
<option value="choix3" style="color:#000000;background-color:#ffff33">Choix 3
</select>
Ce qui donne ceci :
|
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
