HTML: plusieurs styles pour value dans input

SkrivEnBild Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
SkrivEnBild Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerais que l'attribut "value" d'une balise HTML "input" prenne plusieurs styles, de façon à ce que les lettres soient bleues, rouges ou noires : 

<input id="input_text" type="text" value="Texte dans le formulaire"></input>

Je sais que l'on peut ajouter du style dans l'input en entier, mais alors tout le texte aurait le même style. Je voudrais que chaque mot ait une couleur particulière.

J'ai bien peur que ça soit impossible, mais je me disais qu'il y aurait peut-être une solution.

Mon plan B c'est de remplacer la balise "input" par une suite de balises "span" avec des couleurs différentes, et de remettre un input quand l'utilisateur clique sur cette suite de "span". Mais bon c'est pas terrible parce que les couleurs disparaîtront quand l'utilisateur cliquera.

Merci pour vos réponses.
A voir également:

1 réponse

Réponse 1 / 1
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
<input blablabla> ton texte ici </input>

Plutot dans ce cas de mettre un style aux balises input, pourquoi ne pas mettre un style a chaque lettre? Ca serait peut etre moins gourmand en javascript, mais juste pour une solution simple mais moins optimisée:

<input.....> <class style="bleu">H</class> <class style="rouge">O</class> </input>

-1
SkrivEnBild Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Non parce que dans ce cas le texte n'est plus dans le champ, il est à côté.
D'ailleurs la balise input n'a pas besoin de balise fermante </input>, je n'aurais pas dû la mettre dans ma question.
Merci quand même.
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses