Changer la couleur d'un input avec javascript

Fermé

hasnaa - 7 févr. 2013 à 10:02
maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 7 févr. 2013 à 11:34

Bonjour,
je voudrais savoir comment je peux changer la coleur d'un input avec javascript en utilisant une fonction qui change la coleur du texte dans l input.
Merci d'avance.

A voir également:

Javascript changer couleur texte
Changer dns - Guide
Excel cellule couleur si condition texte - Guide
Changer clavier qwerty en azerty - Guide
Changer couleur whatsapp - Accueil - Messagerie instantanée
Changer la couleur de la barre des taches - Guide

2 réponses

Réponse 1 / 2

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
7 févr. 2013 à 10:43

Salut,

  <script style="text/javascript">
  function change_couleur(id,couleur){
  var champ = document.getElementById(id);
  champ.style.color=couleur;
  }
  </script>

<form name="monform" id="monform" method="post">
<input type="text" id="toto" onclick="change_couleur('toto','purple');" name="toto" value=""/>
<input type="text" id="tata" onclick="change_couleur('tata','#F60');" name="tata" value=""/>
<input type="text" id="titi" onclick="change_couleur('titi','red');" name="titi" value=""/>
<input type="text" id="tutu" onclick="change_couleur('tutu','rgb(115, 179, 79)');" name="tutu" value=""/>
</form>

L'id de l'input doit correspondre au premier argument passé en paramètre de la fonction.
Si id="toto" alors change_couleur('toto','couleur');
Le second argument est la couleur.

Réponse 2 / 2

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
7 févr. 2013 à 11:34

<form name="monform" id="monform" method="post">
<input type="text" id="toto" onclick="this.style.color='purple';" name="toto" value=""/>
<input type="text" id="tata" onclick="this.style.color='#F60';" name="tata" value=""/>
<input type="text" id="titi" onclick="this.style.color='red';" name="titi" value=""/>
<input type="text" id="tutu" onclick="this.style.color='rgb(115, 179, 79)';" name="tutu" value=""/>
</form>

encore plus simplement

Discussions similaires

sertissage des cables rj45