Evénement Onclick pour supprimer la valeur par défaut dans un champ de saisie de texte
J'ai un champ de saisie:
<input name="Name" value="Enter Your Name">
Comment pourrais-je l'obtenir pour supprimer le texte pré-défini (Entrez Votre Nom) lorsque l'utilisateur clique sur la boîte.
Autant que je suis conscient de Javascript est le meilleur moyen pour ce faire. Si cette erreur, veuillez m'en informer.
source d'informationauteur RSM
Vous devez vous connecter pour publier un commentaire.
HTML5 espace Réservé à l'Attribut
Vous êtes probablement désireux
placeholder
fonctionnalités:Polyfill pour les Anciens Navigateurs
Cela ne fonctionne pas dans certains navigateurs plus anciens, mais polyfills existent (certains nécessitent jQuery, d'autres ne le font pas) de patch cette fonctionnalité.
"Fuck it, je vais le faire moi-même."
Si vous voulais faire rouler votre propre solution, vous pouvez utiliser le
onfocus
etonblur
événements de votre élément de déterminer quelle est sa valeur doit être:D'éviter un Mélange de HTML avec JavaScript
Vous trouverez que la plupart d'entre nous ne sont pas de grands fans de l'évaluation de JavaScript à partir d'attributs comme
onblur
etonfocus
. Au lieu de cela, il est plus souvent encouragés à se lier cette logique strictement avec JavaScript. Certes, c'est un peu plus verbeux, mais il garde une belle séparation entre votre logique et votre balisage:Démo: http://jsbin.com/azehum/2/edit
C'est le droit, la croix-navigateur façon de le faire :
Utilisation
onclick="this.value=''"
:Comme l'a dit avant j'ai même vu cette question
placeholder
est la réponse. HTML5 pour la victoire! Mais pour ces pauvres âmes malheureuses qui ne peuvent compter sur que la fonctionnalité de prendre un coup d'oeil au plugin jquery comme une augmentation. Placeholder HTML5 jQuery Pluginu peut utiliser l'espace réservé et quand u écrire un texte sur la zone de recherche de l'espace réservé sera caché.
Grâce
Que vous voulez vraiment montrer un espace réservé, HTML 5 offrent cette fonctionnalité, et c'est très doux !
Essayez ceci :
Cela devrait le faire:
HTML
JavaScript
Il y a de mieux/moins lourd façons, mais cela va faire le travail.
En plus de
placeholder="your text"
vous pouvez également faire deonclick="this.value='';
De sorte qu'il ressemblerait à quelque chose comme: