Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 14/06/2011, 16h15   #1
Membre régulier
 
Avatar de kéraunos
 
Homme
Inscription : janvier 2005
Messages : 157
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : janvier 2005
Messages : 157
Points : 71
Points : 71
Par défaut Texte par défaut dans un input

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.
kéraunos est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/06/2011, 16h30   #2
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
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
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/06/2011, 17h06   #3
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
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 :
<input type="text" name="pseudo" placeholder="Entrez votre pseudo" />
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 14/06/2011, 23h51   #4
Membre régulier
 
Avatar de kéraunos
 
Homme
Inscription : janvier 2005
Messages : 157
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : janvier 2005
Messages : 157
Points : 71
Points : 71
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.^^
kéraunos est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 05h17.


 
 
 
 
Partenaires

Hébergement Web