Discussion :

[Invité]

Bonjour à tous.

Il doit bien y avoir parmi vous quelques adeptes du CSS3 pour me répondre.

Je n'arrive pas à retrouver comment, depuis CSS3, il est possible d'insérer un texte (value) par défaut dans un input de type text. Vous savez, ce genre de chaînes grisées qui disparaissent quand l'input a le focus et réapparaissent lors du blur si l'utilisateur n'a rien rentré.

Je sais que c'est faisable facilement en Javascript. Mais il me semblait avoir trouvé une astuce en CSS qui permettait de le faire en un clin d'oeil.

Merci.

[Ceddoc]

Je ne vois pas du tout comment faire en CSS seul et j'avoue que ça m'intéresserait de savoir comment il faut faire si c'est réalisable. Si tu finis par le faire javascript ce topic peut t'être utile:
ICI

[Bisûnûrs]

Non, ça n'est pas possible en CSS.
En revanche, pour les mobiles, il y a un attribut supplémentaire qui est "placeholder", à mettre sur l'élément input et qui est le texte par défaut qui disparaît lors du focus :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="pseudo" placeholder="Entrez votre pseudo" />

[Invité]

Merci pour vos réponses.

Bisûnûrs : apparemment Safari, Firefox, Chrome et Opera (au moins) ont implémenté l'attribut placeholder, du moins dans leurs dernières versions pour OS X.

Bon en tout cas c'est ce que je voulais faire ce placeholder, merci.^^