Value grisé italique dans input text
Fermé
Theophile76
Messages postés
1791
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
16 avril 2021
-
Modifié par Theophile76 le 10/08/2010 à 23:39
Ianis - 6 juin 2014 à 13:56
Ianis - 6 juin 2014 à 13:56
2 réponses
zagaga
Messages postés
37
Date d'inscription
lundi 26 octobre 2009
Statut
Membre
Dernière intervention
27 mars 2020
34
27 nov. 2010 à 15:26
27 nov. 2010 à 15:26
Quand je cherchais la réponse à cette question, je suis tombé sur ce forum. Quelques semaines après j'ai trouvé en regardant dans quelques codes sources et je me suis rappelé de vous.
Voici le code :
Modifiez la balise placeholder pour changer le texte grisé.
Voici le code :
<input id="text" autocomplete="off" name="valeurdemacase" type="text" placeholder="ton texte grisé" />
Modifiez la balise placeholder pour changer le texte grisé.
webmc
Messages postés
23
Date d'inscription
samedi 14 juillet 2007
Statut
Membre
Dernière intervention
13 août 2010
8
11 août 2010 à 00:26
11 août 2010 à 00:26
Salut,
Je pense que ce que tu cherches est plus compliqué que ça, mais j'essaie de contribuer :)
En effet, l'idéal serait d'afficher un texte gris et italique seulement pour la valeur initiale. ça doit être possible en Css ou javascript. C'est sûr que si un pro passait par là pour nous suggérer une formule Css, ça serait cool ;)
NB : J'ai modifié le valeur onclick, car cela ne fonctionnait pas chez moi
@+
Je pense que ce que tu cherches est plus compliqué que ça, mais j'essaie de contribuer :)
En effet, l'idéal serait d'afficher un texte gris et italique seulement pour la valeur initiale. ça doit être possible en Css ou javascript. C'est sûr que si un pro passait par là pour nous suggérer une formule Css, ça serait cool ;)
NB : J'ai modifié le valeur onclick, car cela ne fonctionnait pas chez moi
@+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
input[type="text"] {
color: #999;
font-style: italic;
}
</style>
</head>
<body>
<input id="text" autocomplete="off" name="valeurdemacase" type="text" onClick="this.value=''" value="Tapez ici votre recherche" />
</body>
</html>
Theophile76
Messages postés
1791
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
16 avril 2021
372
11 août 2010 à 00:47
11 août 2010 à 00:47
Merci de t'être penché sur mon problème.
Cependant si j'ai bien compris, avec ton code, tout ce qui sera écrit dans l'input sera gris italique donc c'est pas très possible mais je crois que tu le sais bien :)
Donc j'attends d'autres propositions :D
Cependant si j'ai bien compris, avec ton code, tout ce qui sera écrit dans l'input sera gris italique donc c'est pas très possible mais je crois que tu le sais bien :)
Donc j'attends d'autres propositions :D
6 déc. 2010 à 14:01
En attendant, rien ne vaut un petit script JS !
(lien qui parle de palceholder et d'un scrupt JS : http://code18.blogspot.com/2010/09/attribut-placeholder-sur-input-html-5.html
6 juin 2014 à 13:56