Value grisé italique dans input text [Fermé]

Signaler
Messages postés
1809
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
13 mai 2019
-
 Ianis -
Bonjour,
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

Messages postés
41
Date d'inscription
lundi 26 octobre 2009
Statut
Membre
Dernière intervention
27 mars 2020
34
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 :

<input id="text" autocomplete="off" name="valeurdemacase" type="text" placeholder="ton texte grisé" />


Modifiez la balise placeholder pour changer le texte grisé.
19
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 78554 internautes nous ont dit merci ce mois-ci

l'attribut "placeholder", c'est du HTML5. Il sera donc supporté uniquement par les navigateurs qui gèrent le HTML5.

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
Sérieux c'est avec ce genre de réflexions qu'on se retrouve encore avec des IE6 chez les gens ou en entreprise... Tant que l'utilisation d'une fonction toute nouvelle et non supportée par tous les navigateurs web ne compromet pas la sécurité de l'utilisateur ou du site en lui même, pourquoi se priver?
Messages postés
23
Date d'inscription
samedi 14 juillet 2007
Statut
Membre
Dernière intervention
13 août 2010
8
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

@+

<!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
1809
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
13 mai 2019
330
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