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

Fermé
Luffy =) - 19 avril 2005 à 09:37
 Derrick - 13 juin 2013 à 14:36
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 ++
A voir également:

9 réponses

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 ?

++
17
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
856
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

++
-1
Phenix59
Messages postés
8
Date d'inscription
mardi 3 avril 2007
Statut
Membre
Dernière intervention
15 mars 2008
8
4 mai 2007 à 22:54
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;
}
7
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.

++
4
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
856
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... :)

++
-1
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>
3

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
3
sa marche pas ton truc ! Sa met ta phrase & cke j'ai écrit mais la couleurs change pas !
0
nicolas505
Messages postés
11
Date d'inscription
mercredi 13 octobre 2010
Statut
Membre
Dernière intervention
19 avril 2012

18 janv. 2011 à 12:03
désolé "Anonyme" mais ça marche, en tout cas je fais toujours de cette manière.
0
oui ca marche tu es fort.merci!!!
0
Et sinon, est-ce que c'est egalement possible de la changer pour des TEXTEREA?

Merci
1
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
856
20 avril 2005 à 14:42
essai, si c'est possible pour le text simple ça devrait l'être également pour un textarea.

++
-1
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 !
0
xrv30
Messages postés
2
Date d'inscription
samedi 16 février 2008
Statut
Membre
Dernière intervention
10 novembre 2011

19 févr. 2008 à 16:14
et si tu veux mettre une image en fond comment tu fais?
0
Tu ne fais pas puisque c'est impossible.
0
style="background-image: url('ton url');"
0
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.
-1
comen on peu faire un texte en couleur mercii de me rp !!
bsX
++
-2
sonya89
Messages postés
11
Date d'inscription
samedi 12 janvier 2008
Statut
Membre
Dernière intervention
9 mai 2008

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.
0