Mettez du"style" dans vos formulaires !

Vos listes déroutantes prennent n'ont pas la même taille, vos champs numériques s'alignent à gauche, la taille des caractères est la même pour tous. Personnalisez les objets de formulaires avec l'attribut style.

 

Voici quelques exemples pour débuter.

 

<select name="select2" style="width:180px;">
<option value=1>mon premier choix est vraiment trop long pour ma liste</option>
<option value=2>choix 2</option>
<option style="font-weight:bold;" value=3>choix 3</option>
</select>
Cette liste à aussi une largeur imposée de 180 pixels bien que le 1er choix soit long.
Le choix 3 est en gras.(ne fonctionne pas sous IE)

 

<select name="select" style="width:180px;">
<option style="text-align:left;" value=1>choix 1</option>
<option style="text-align:center;" value=2>choix 2</option>
<option style="text-align:right;" value=3>choix 3</option>
</select>

Cette liste déroulante à une largeur imposée de 180 pixels
et chaque choix est alligné différament (ne fonctionne pas sous IE)

 

<input name="text12" type="text" style="font-family:Verdana;font-size:16px;" value="Taille de police">
<input name="text12" type="text" style="font-family:Arial;font-size:16px;" value="Taille de police">


Vous pouvez choisir la police et la taille des caractères

 

Cette Horloge est un bouton dont on a modifié le style.
Vous la trouverez sur "L'heure sur votre page"

 

<select name="select4" style="width:180px;background-color:#99FFFF">
<option style="color:white;font-weight:bold;" value=1>Blanc</option>
<option style="color:red;font-weight:bold;" value=2>rouge</option>
<option style="color:#FFFF00;font-weight:bold;" value=3>jaune</option>
</select><br>

<input name="text12" type="text" style="background-color:#0000FF;color:#FFFFFF;font-weight:bold;" value="Couleur">




Vous pouvez choisir les couleurs de fond et de texte

 

<input name="text1" type="text" style="text-align:right;" value="151.50">

Ce champ texte est aligné à droite

 

Pour appronfondir visitez les sites traitant de CSS.

 

 

 

Ce site vous a plu ? Vous avez trouvé ce que vous cherchiez ?
Faites en profiter les autres : insérez un lien sur votre site

 

Cette Fenêtre de Texte Défilant dans Votre Page

 

 

Cette Fenêtre de Texte Défilant dans Votre Page

 

Mon Hebergeur

 

Je Crée Mon Site Création Mars-2010