Value grisé italique dans input text
Theophile76
Messages postés
1817
Date d'inscription
Statut
Membre
Dernière intervention
-
Ianis -
Ianis -
Bonjour,
j'ai un text input dans mon site :
Je voulais qu'il y ai un texte dedans qui disparait au clic, j'ai donc fait ceci :
Mais le problème est que j'aurais souhaiter pouvoir écrire le "Tapez ici votre recherche" d'un manière spécial (en italique et grisé)
Pourriez vous m'aider svp.
Merci
On s'ennuie pas avec l'informatique :)
j'ai un text input dans mon site :
<input id="text" autocomplete="off" name="valeurdemacase" type="text" />
Je voulais qu'il y ai un texte dedans qui disparait au clic, j'ai donc fait ceci :
<input id="text" autocomplete="off" name="valeurdemacase" type="text" onclick="texte.value='';" value="Tapez ici votre recherche" />
Mais le problème est que j'aurais souhaiter pouvoir écrire le "Tapez ici votre recherche" d'un manière spécial (en italique et grisé)
Pourriez vous m'aider svp.
Merci
On s'ennuie pas avec l'informatique :)
2 réponses
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é.
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>
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