Les Allergies
Alimentaires
Posez votre question Signaler

[HTML] Changer la couleur d'une zone de texte

Luffy =) - Dernière réponse le 15 déc. 2011 à 15:57
Salut tout le monde :-)

j'aurais besoin de créer un formulaire avec plusieurs champs texte, jusque là pas de problème.

Mais il faudrait que ces zones de texte change de couleur si elles ont le focus ou non.

pour tester d'abord j'ai fait :
<input type='text' onFocus="javascript:alert('opopop')" name='haha'>

pas de problème ça marche.
mais comment faire pour changer la couelur de fond j'ai essayé ça mais marche po :( :
<input type=text onFocus="BGCOLOR='black'" name=haha>


Comment je pourrais faire ça ?

Merci ++
Lire la suite 

[HTML] Changer la couleur d'une zone de texte »

19 réponses
Réponse
+15
moins plus
si ça intéresse qq'un, il faut mettre :
onFocus="this.style.backgroundColor='red'" onBlur="this.style.backgroundColor='white'"

désolé mais je débute en html, est-ce qu'on peut incorporer les actions dans un feuillet de style ?

++
kij_82- 19 avril 2005 à 10:37
Merci pour le truc, je suis également une brele en HTML.
Sinon, je ne crois pas que l'on puisse définir les action dans une feuille de style, en tout cas jamais essayé.

Bonne chance

++
Ajouter un commentaire
Réponse
+5
moins plus
Bonsoir

Tout d'abord, regarde le navigateur que tu utilises (I.E. ne comprend pas tout).
Je te conseilles d'utiliser un feuille CSS, tu marques la zone de texte avec une balise "class="zone_de text"". Sur la page CSS tu appliques le fond que tu veux sur cette balise.

Conseil : utilise plutôt une feuille CSS pour le design de ton site, cela fait plus propre.

Code CSS pour mettre un fond jaune avec une écriture noire:
.zone_de_text
{
background-color: yellow;
color: black;
}
Ajouter un commentaire
Réponse
+2
moins plus
merci kij, j'ai cru ke j'allais me faire un post tout seul... ;-)

finalement ce n'est pas si simple que ça l'HTML =) c'est chiant qu'on ne peut pas définir les actions dans une feuille de style. je vais passer par une variable php pour ne pas à avoir à la retaper à chaque fois.

++
kij_82- 19 avril 2005 à 11:30
Je suis tout à fait d'accord avec toi, peso j'aime moyen l'HTML, faut otu définir à chaque fois et c'est long, sauf bien sur avec les feuille de style qui nous aident bien. Mais c'est un langage de mise en forme et non de traitement, chose qui me fait perdre la patience car j'ai l'impression de rien faire... :)

++
Ajouter un commentaire
Réponse
+1
moins plus
Pour changer le fond d'une zone de texte, je vous donne un exemple:
<input type="text" size="19" name="login" style="background-color:#000000" />
Un style background color permet de changer le fond de la zone de saisie du texte de facon permanente
ii - 3 janv. 2011 à 11:45
nicolas505- 18 janv. 2011 à 12:03
désolé "Anonyme" mais ça marche, en tout cas je fais toujours de cette manière.
saysouga - 13 août 2011 à 15:05
oui ca marche tu es fort.merci!!!
Ajouter un commentaire
Réponse
+0
moins plus
Petit exemple :
<br>
Zone 1 à modifier
 <INPUT ID="zone1"
  onFocus="javascript:zone1.style.color='red'"
  onBlur="javascript:zone1.style.color='black'"
  VALUE="valeur initiale 1">
 </INPUT>
<br>
Zone 2 à modifier
 <INPUT ID="zone2"
  onFocus="javascript:zone2.style.color='red'"
  onBlur="javascript:zone2.style.color='blue'"
  VALUE="valeur initiale 2">
 </INPUT>
Ajouter un commentaire
Réponse
+0
moins plus
Et sinon, est-ce que c'est egalement possible de la changer pour des TEXTEREA?

Merci
kij_82- 20 avril 2005 à 14:42
essai, si c'est possible pour le text simple ça devrait l'être également pour un textarea.

++
Adonis - 15 déc. 2011 à 15:56
Ce sont deux champs différents, le type textarea permet certaines choses que le type text ne tolère pas ce qui ne veux pas dire que les deux peuvent prendre les même attributs de styles !
Ajouter un commentaire
Réponse
-1
moins plus
il est tout à fait possible de modifier selon le même principe une couleur de fond.
En revanche il est totalement inutile de spécifier la mention javascript pour des événements. La capture d'un événement sous-entend implicitement une action de type javascript.

Votre code doit ressembler à cela:
<textarea cols="85" rows="10" onFocus="this.style.backgroundColor='red'"
  onBlur="this.style.backgroundColor='white'">

</textarea>


la mention This vous évite de mentionner le nom de l'objet. Il désigne l'objet sur lequel l'action intervient.
Ajouter un commentaire
Réponse
-1
moins plus
et si tu veux mettre une image en fond comment tu fais?
Adonis - 15 déc. 2011 à 15:57
Tu ne fais pas puisque c'est impossible.
Ajouter un commentaire
Réponse
-3
moins plus
comen on peu faire un texte en couleur mercii de me rp !!
bsX
++
sonya89- 9 mai 2008 à 20:34
salut!
tu peux utiliser la balise <font color="hotpink"> text </font> à l'aide de cette balise tu peux aussi changer la police,la taille... du texte.
Ajouter un commentaire
Ce document intitulé « [HTML] Changer la couleur d'une zone de texte » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?