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

Question

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

Afficher la suite

Luffy =) · Accepted Answer

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 ?

++

Luffy =) · Answer

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.

++

Marden · Answer

Petit exemple :
Zone 1 à modifier
Zone 2 à modifier

seinto28 · Answer

Et sinon, est-ce que c'est egalement possible de la changer  pour des TEXTEREA?Merci

jerome · Answer

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.

KorialS2 · Answer

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

Phenix59 · Answer

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; 
}

xrv30 · Answer

et si tu veux mettre une image en fond comment tu fais?

helene · Answer

comen on peu faire un texte en couleur mercii de me rp !!
bsX
++

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

9 réponses

Votre réponse

Discussions similaires