CHANGEZ DE BOUTON

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : en principe un bouton se présente comme suit :

Exemple : ne vaut-il pas mieux :    

Mise en oeuvre :

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT -->
<input type="reset" value="Bouton coloré"
style="font-family: Arial,Verdana,Helvetica;font-size: 11px; color:#330033 ;font-weight:bold;background-color: #FFCC00;width:180px;">
<!-- FIN DU SCRIPT -->

Remarque : dans lequel l'attibut "input" à le nom visible de "value". Un style lui est attribué, dont la ou les "font", la grandeur de celles-ci par "size", la couleur par "color", si elles sont italique et/ou gras. La couleur du bouton est déterminé par "background-color" et sa longueur en pixel par "width".

 

TOUTES LES AUTRES FONCTIONS POUR FORMULAIRE

- Champ obligatoire dans un formulaire. - Position du curseur dans le champ.
- Basculement de toutes les lettres en majuscules dans un champ. - Basculement de la 1ere lettre en majuscule dans un champ.
- Le texte s'efface au clic dans un champ. - Bouton radio.
- Case à cocher. - Cases à cocher avec sélection.
- On ne peut cocher qu'un certain nombre de cases. - Contrôle de la validité d'un mail.
- Contrôle de champ numérique. - Le texte du bouton change au clic.
- Une fois le bouton enfoncé, on ne peut plus cliquer dessus. - Couleur dans les champs de formulaire.
- Le curseur se positionne sur le champ suivant lorsqu'une longueur de champ pré-définie est atteinte. - Un clic sur l'icône ouvre un calendrier à la date. Un clic sur une date l'inscrit dans le champ.
- Limitation et affichage du nombre de caractères dans un textarea. - Un point d'interrogation s'affiche au curseur lors de son passage sur le bouton.
- Un bouton "Quitter" pour aller à une autre lien. - Couleur sur les boutons.
- Couleur sur les ascenseurs du textarea. - Changement de couleur du bouton lorsqu'on fait un roll-over ou un clic.
- Des champs que l'on ne peut pas effacer.  

Construisez votre formulaire en PHP

Retour

Copyright www.toulouse-renaissance.net ©