Partager cet article

RSS
BOURSE

RUBRIQUES

 
 PRATIQUE CLIENTS WEB 
Définir la taille des éléments d'un formulaire
 
Maîtriser au pixel près l'apparence de vos boutons. (16/07/2004)

 

  Forum

Réagissez dans les forums de JDN Développeurs

Les polices de caractères et les balises de contenu ne sont pas les seules à pouvoir être agrandies en utilisant les CSS : tous les éléments de formulaire peuvent ainsi être manipulés.

Il est donc possible d'adapter son formulaire au design du site, et non le contraire. Il devient possible de définir l'espace occupé par un élément, plutôt qu'être dépendant de la taille donnée par tel navigateur.

Enregistrer un utilisateur ?
Indiquez son login :

(J'ai lu les conditions )





Le code
<form method="post" action="">
  <fieldset>

    <font size="3">
      Enregistrer un utilisateur ?<br>
      Indiquez son login : <br></font>
      <input type="text" name="textfield" style="width:100px; height:25px; font-size:17px;">
      <br><font size="1">
      (J'ai lu les conditions <input type="checkbox" name="checkbox3" value="checkbox" style="width:10px; height:10px;"> )</font>
    <br>
    <input type="text" name="textfield" style="width:100px; height:20px; font-size:10px;"><br>
    <input type="submit" name="Submit" value="Enregistrer" style="width:100px; height:20px;font-size:10px;">
    <br>
    <input type="submit" name="Submit2" value="Annuler" style="width:100px; height:20px;font-size:10px;">
    <br>
  </fieldset>
</form>


Les meilleures astuces CSS sur le JDN :
- Comment appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment centrer horizontalement une DIV dans une autre en CSS ?
- Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment définir les cellpadding et cellspacing en CSS ?
- Comment modifier l'image d'un bouton input en CSS ?
- Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ?
- Internet Explorer supporte-t-il l'attribut CSS border-radius

 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page
 
 



A VOIR EGALEMENT