Forum « Re: Formatage du texte d'un bouton submit »

Forum « Programmation HTML » (archives)

Re: Formatage du texte d'un bouton submit

Envoyé: 8 juillet 2004, 18h46 par Peshkavus

Pour formater un bouton, il faut recourir aux attribut css.

Par exemple, pour mettre un bouton submit en Gras, italique, avec comme police le Verdana, et pourquoi pas, en rouge, on peut ecrire :

<input type='submit' style='font-family:Verdana;font-style:italic;font-weight:bold;color:red;' value='Valider'>

Voila, c'est la premiere méthode.

Pour plus de clarté et pour ne pas avoir à le resaisir à chaque fois dans ton document, tu peux aussi déclarer des styles :
<STYLE>
.bouton1 {
font-family:Verdana;
font-style:italic;
font-weight:bold;
color:red;
}

.bouton2 {
font-family:Verdana;
font-style:italic;
font-weight:bold;
color:#9955DD;
}
</STYLE>
puis les utiliser :
<input type='submit' class='bouton1' value='Valider'>

Encore plus fort, tu peux déclarer tes styles dans un fichier .css séparé (tu réécris le bout de code au-dessus sans les balises <STYLE>. Tu peux ainsi utiliser les memes styles dans des documents différents sans avoir à le réécrire sur chaque page.
Il te suffit alors de le charger entre les balises <head> de ta page de la manière suivante :
<link href='Styles.css' rel='stylesheet' type='text/css'>

Si tu recherches de la documentation là-dessus, fais des recherches sur les feuilles de styles et les attributs css (cascade stylesheet).
Tu peux d'ailleurs noter que ca ne se limite pas uniqueùent aux boutons mais à pas mal d'autre chose comme les liens, les champs, etc...

Bonne continuation