http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


Un peu de "style" dans vos formulaires !
Personnalisez les objets de formulaires avec l'attribut style.

Vos listes déroutantes prennent la taille qu'elles veulent, vos champs numériques s'alignent à gauche, la taille des caractères est la même pour tous. Mettez un peu de style !

Voici quelques exemples pour débuter. pour appronfondir visitez les sites traitant de CSS.

<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)
(Question style ce n'est pas top, mais c'est pour l'exemple)

 

<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)

 

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

Ce champ texte (contenant du numérique) est aligné à droite

 

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


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

 

<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

 

 

 

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site

 
 
Mon javascript    22-11-2017