High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Colorer les cellules d'un formulaire

Dernière réponse le 27 avr 2007 à 16:02:30 salsero1, le 26 avr 2007 à 22:47:26 
 Signaler ce message aux modérateurs

Bonsoir ,
je suis en train de faire un formulaire en HTML/PHP et je souhaite colorer les cellules du formulaire mais chacune d'elle avec une couleur differente.
Est ce possible? si oui comment?
Merci.

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « colorer les cellules d'un formulaire » dans :
EXCEL colorier cellule en fction de sa valeur Voir
Colorer cellule excel fonction resultat Voir
[Excel] Colorer des cellules sur conditions Voir Il existe dans Excel des fonctions très pratiques mais peu connues et peu utilisées. Exemple : vous souhaitez qu'une cellule se colore automatiquement en rouge (ou autre mise en forme de police, de bordure, de trame) selon une condition : un...
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
Formules Excel de base VoirVoici quelques formules de bases qui sont faciles à réaliser et qui peuvent donner un peu de vie à une feuille Excel ! Pour cette astuce, on supposera que l’on veut que le résultat s’affiche dans la cellule B10 et on se servira principalement des...
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
Télécharger Coloriage Voir
Télécharger Color Cop VoirColor Cop permet de sélectionner une couleur directement à écran avec une pipette et de l'afficher dans un visualisateur avec son code RGB (RVB). Il est possible d'utiliser une loupe pour une meilleure sélection. Ce logiciel est notamment très...
Télécharger Driver EPSON Stylus Color 880 Voir
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Tableur - Les cellules VoirLa notion de cellule On appelle "cellule" l'intersection entre une ligne (horizontale) et une colonne (verticale) de la feuille de calcul. Ainsi le nom de la ligne combiné au nom de la colonne donne les coordonnées d'une cellule (le terme d'adresse...
Tableur - La sélection des cellules VoirSélection de cellules Le tableur est un formidable outil pour manipuler des données. Ainsi, pour pouvoir manipuler les données il est nécessaire de disposer d'outils permettant de sélectionner rapidement toutes les cellules dont on a...
Posez votre question Répondre

1

Jacobéo, le 26 avr 2007 à 23:07:37

Bonsoir Salsero1,

Ton formulaire doit être construit avec un tableau !? Dans ce cas, il te suffit de chercher "propriétés" et et choisir la couleur du menu déroulant. Cela est en Wysiwyng. Dans le code, cela te donne ceci <table width="80%" align="center" bgcolor="#FF0000">
<tr>
<td> </td>
</tr>
</table>
pour une couleur rouge par exemple. Otes que mon tableau est à 80% de la taille de la page, et qu'il est centré.

Voici un formulaire avec couleurs ( à toi de faire le reste, modifier les couleurs, ajouter ou supprimer ce qui te gêne.

<form name="form1" id="form1" method="post" action="">
<table width="60%" align="center" cellspacing="5" class="texte-gras" >
<tr>
<th colspan="2" bgcolor="#FF0000" class="titre" scope="col">ACCÈS À LA PARTIE RÉSERVÉE AUX MEMBRES AUTORISÉS </th>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td width="52%" class="texte-gras"><div align="right" class="Style3">Nom <span class="champ-obligatoire Style1">*</span>  </div></td>
<td width="48%"><input name="Veuillez indiquez votre nom" type="text" id="Veuillez indiquez votre nom" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R');return document.MM_returnValue" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Prénom <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="textfield" type="text" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Adresse de courriel <span class="champ-obligatoire Style1">*</span>  </div></td>
<td><input name="Caractère @ obligatoire" type="text" id="Caractère @ obligatoire" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Mot de passe <span class="champ-obligatoire Style1">*</span>  </div></td>
<td><input name="Veuillez saisir votre mot de passe" type="password" class="texte-gras " id="Veuillez saisir votre mot de passe" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Confirmation du mot de passe <span class="champ-obligatoire Style1">*</span>  </div></td>
<td><input name="Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect" type="password" class="texte-gras " id="Vous n'avez pas confirmé votre mot de passe, ou il est incorrect" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="texte">
<div align="center"><span class="Style4"> <span class="Style1">*</span> </span><span class="Style6">Champs obligatoires</span></div>
</div></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td><div align="right">
<blockquote>
<p>
<input name="Submit" type="submit" class="texte-gras" value="Envoyer" />
</p>
</blockquote>
</div></td>
<td><blockquote>
<p>
<input name="Submit" type="reset" class="texte-gras" value="Annuler" />
</p>
</blockquote></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="retour"></div></td>
</tr>
</table>
</form> Internet ne vaut que s'il est partagé ...
Jacques

   
Répondre à Jacobéo

2

salsero1, le 26 avr 2007 à 23:19:30

Merci de m'avoir repondu, mais ce n'est pas ce que je cherche.
en fait, je souhaite colorer les cases de mon formulaire
exemple:
<INPUT type=text name="modele" value="bebe" >
je souhaite colorer la case ou va se trouver bebe.

   
Répondre à salsero1

3

Gihef, le 27 avr 2007 à 00:35:49

Bonjour,

Tu peux peut-être faire ça facilement avec un peu de CSS.
Tu connais ?

Il te suffit de définir une feuille de styles (dans les balises, dans le document ou à l'extérieur) où tu indiqueras les couleurs qui te plaisent.

Un exemple où les styles sont dans le document :

  <html>
  
  <head>
  <title>Des couleurs</title>
      <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
  
      <style type="text/css">
        input#t1 {
          background-color : #aaf;
          color : #4f4;
          }
        input#t2 {
          background-color : #afa;
          color : #f44;
          }
        input#t3 {
          background-color : #faa;
          color : #44f;
          }
      </style>
  </head>
  
  <body>
    <form action="" method="post">
        <p>
        prénom : <input id="t1" type="text" name="prenom" /><br />
        nom : <input id="t2" type="text" name="nom" /><br />
        e-mail: <input id="t3" type="text" name="email" /><br />
        <input type="radio" name="genre" value="homme" /> homme<br />
        <input type="radio" name="genre" value="femme" /> femme<br />
        <input type="submit" value="envoyer" /> <input type="reset" />
        </p>
     </form>
  </body>
  </html>
 

   
Répondre à Gihef

4

Jacobéo, le 27 avr 2007 à 06:53:41

Bonjour Gihef,

Y a pas photo ! Entre le code HTML et les balises générées par la machine en Wysiwyg et le CSS, ma décision est confirmée (s'il le fallait), je revois tout en CSS. De plus, cela permet de voir que l'écriture n'est aussi compliquée que l'on pense. Il y a encore de belles journées de découvertes en perspective ;-) Internet ne vaut que s'il est partagé ...
Jacques

   
Répondre à Jacobéo

5

 Gihef, le 27 avr 2007 à 16:02:30

Bonjour Jacobéo,

Et avec, on aurait aussi pu faire une mise en forme un peu plus présentable.

Quant à la simplicité, elle peut vite se cacher quand on essaye de tout prévoir.
Jette un œil à celles d'Adobe : http://www.adobe.com/css/mm_import.css ©

Tu as raison, les découvertes restent nombreuses et passionnantes (-:
 

   
Répondre à Gihef
Posez votre question Répondre
Ils ont besoin de votre aide