Mettre un voile sur les champs. [Résolu]

[luffyfr]

Bonjour,
J'ai une page web avec plusieurs formulaire et bine sur plusieurs champs de type (input, select, textarea...)
J'aimerais lors du chargement de la page "mettre un voile" sur tout ces champs.
Le but de la main d’œuvre, mieux distinguer les champs qui seront modifié en "retirant le voile" poser au chargement.
J'avais penser au chargement de la page définir la couleur de champ dans un gris légèrement foncé et repassé la couleur en noir à l'aide d'une fonction javascript lors d'un onchange ou d'un on keyup par exemple.

Connaissez vous une librairie javascirpt en jquery permettant de réalisé cela ?
Merci d'avance

[SpaceFrog]

mets les en disabled ?

[luffyfr]

le "disabled" va bloquer mon champ, moi ce que je souhaites, c'est pouvoir encore le modifier mais en ayant le champ qui se distingue lorsque celui est modifié.
J'ai mis ca en place :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style>
input[type=text]{color:#515151;}
input[type=radio]{opacity:0.7;}
input[type=checkbox]{opacity:0.7;}
select{color:#515151;}
</style>
 
function change_couleur(IdChamp) {
	document.getElementById(IdChamp).style.color = "#000";
}
 
function change_opacite(IdChamp) {
	document.getElementById(IdChamp).style.opacity = "1";
}

mais je dois mettre un onkeyup ou onchange avec un appel de la fonction + id à modifier sur chacun des champs dont je souhaites l'effet.

N'y a t il pas un moyen de généraliser ca ?

[SpaceFrog]

ha ben une classe avec un fond ou une bordure de couleur différente
et sur un onchange tu vire la class

[luffyfr]

Mais je serais quand même obligé de mettre manuellement un onchange ou onkeyup sur chacun de mes champs.
C'est ce qui me semblait.
Merci SpaceFrog