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

Signaler
-
 Derrick -
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

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

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

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

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

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

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

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

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

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.