Pouvez-vous vous montrer un gris de l'indication dans une zone de texte HTML avec CSS seul?
Vous voyez ces zones d'entrée de texte de temps en temps sur le web: un gris de la marque est montré à l'intérieur de la boîte, mais une fois que vous tapez là, le texte en gris disparaît. Cette page a même un: le champ "Titre" se comporte exactement comme ça.
Donc, des questions:
-
Est-il un terme courant pour ça? J'ai vraiment du mal à trouver quoi que ce soit sur google
-
Peut-il être fait avec juste CSS?
-
À défaut, peut-il être fait avec localisées JavaScript? (c'est à dire, du code dans la balise, pas dans le code HTML).
- Vous ne savez pas si il y a une norme universellement acceptée terme de cette, mais au moins les appels d'API Windows ces cue bannières.
- Il devrait être la zone de saisie de la valeur par défaut. CSS-ne [pas], JavaScript [oui]
- Texte de l'espace réservé doit être un meilleur terme
- Jiang: cela semble raisonnable aussi, bien que je suppose que Microsoft a l'intention d'appeler leur repère bannières de suggérer que le texte est un repère à l'utilisateur en lui disant ce qu'à l'entrée.
- ah, l'utilisation du terme "cue bannière" permet de trouver près de cette double question: stackoverflow.com/questions/1156966/...
Vous devez vous connecter pour publier un commentaire.
La
"placeholder"
attribut est désormais pris en charge dans tous les principaux navigateurs.Style il semble toujours exiger du fournisseur qu'il préfixes:
Vu ici: http://jsfiddle.net/webvitaly/bGrQ4/2/
Je n'en connais pas un moyen de le faire avec les CSS. Mais en regardant le code source de la page, DONC le fait, c'est-sage:
Le milieu de la ligne de départ avec "onfocus" est l'endroit où le travail est réalisé. Lorsque le champ de texte reçoit le focus, il vérifie si la valeur par défaut ("recherche") est là. Si oui, il définit la valeur " (chaîne vide). Sinon, le texte n'est pas affectée.
Un potentiel problème ici est que si quelqu'un essaie de recherche pour le mot "recherche", puis clique en dehors de la case et clique à nouveau, le texte est remis. Pas un énorme problème, mais quelque chose à garder à l'esprit que vous travaillez.
Le nom standard est en filigrane d'entrée.
suivre cette page si vous êtes intéressé par JQuery
http://digitalbush.com/projects/watermark-input-plugin/
Si vous voulez que ce avec HTML + CSS seulement, vous pouvez essayer d'utiliser le nouveau HTML5
placeholder
attribut d'entrée. Malheureusement, cet attribut n'est pas largement pris en charge, donc essayez d'utiliser un script comme Modernizr pour détecter le navigateur prenant en charge cette fonctionnalité pour une fonction comme celle-ci.Je ne recommanderais pas à l'aide de Javascript en ligne pour cela - c'est une mauvaise pratique qui va à l'encontre du principe de séparation du contenu et de comportement. À l'aide de jQuery, par exemple, quelque chose comme cela fonctionne:
Il y a un HTML intégré pour les nouveaux navigateurs.
Suffit d'utiliser le "espace réservé" attribut:
< input id="inputbox" type="text" placeholder="Astuce Texte Ici" >
Mais vous ne pouvez pas avoir des enfants en intrants (autant que je sache), de sorte qu'il ne fonctionne pas.
Vous avez probablement déjà trouvé la réponse que vous cherchez, mais pour d'autres cela peut aider
...
espère que cette aide