J'ai une boîte d'entrée qui a un texte de valeur par défaut qui lui est attribué. Comment puis-je supprimer ce texte lorsque l'utilisateur se concentre sur le champ:
code
9 Réponses :
Ne le faites pas de cette façon. Utilisez un script de filigrane JQuery: http://code.google.com/p/jquery-watermark/
Il y a beaucoup de choses que vous devez rendre compte si vous le faites manuellement. Par exemple, que se passe-t-il lorsque la zone de texte perd la mise au point? S'il n'y a pas de valeur, vous voudrez lire votre texte d'assistance. S'il y a, vous voudrez honorer ces changements.
Il suffit de laisser les autres personnes faire la forte levée :) $ ("entrée [nom = 'kp1_description']" ")
Mais utiliser une bibliothèque entière pour une tâche simple n'est pas la meilleure idée.
Certes, je suis juste d'avis que cette roue n'a pas besoin d'être réinventée. Il y a beaucoup de scénarios que vous devez envisager et utiliser la bibliothèque peut simplifier cela. Il a qualifié sa question avec JQuery, il est donc probablement le moyen le plus pragmatique d'accomplir cette tâche.
+1 pour la réutilisation du code. Certains problèmes sont difficiles et doivent être résolus par une bibliothèque et non réimparément par chaque singe de code sur la planète. Les gens sont particulièrement mauvais à ce sujet quand il s'agit de JavaScript.
C'est drôle parce que cela semble trivial, mais il y a beaucoup de choses à considérer ...
$(document).ready(function(){
$('input').ToggleInputValue();
})​
Mis à jour à nouveau, désolé je suis à moitié endormi :)
avec HTML5, vous pouvez le faire sans JavaScript: utilisez simplement espace réservé au lieu de valeur .
Je pense que c'est un bon ajout, mais bien sûr, vous devez vérifier la compatibilité du navigateur en premier.
html: code JavaScript: c'est tout , J'espère que ça va aider.
Lors de la soumission de votre formulaire, vérifiez si l'entrée (ID = "myTextInput") est la "chaîne vide", si cela le remplace par (Defaulforinput). var contraireforinput = "abc";
$('input, textarea').each(function () {
var Input = $(this);
var default_value = Input.val();
Input.focus(function() {
if(Input.val() == default_value) Input.val("");
}).blur(function(){
if(Input.val().length == 0) Input.val(default_value);
});
});
la version courte super duper
<input type="text" id="anything" placeholder="enter keypress description"> i think this will help
JavaScript plain:
(function () {
let input = document.querySelector ("input[name='kp1_description']");
input.onfocus = function () {
this.placeholder = this.value;
this.value = '';
};
})();
Ce n'est pas une réponse, mais à l'avenir, ce sera Dev. w3.org/html5/spec/overview.html#The-Placeholder-atribut e
Dupliqué possible de Supprimer la valeur par défaut d'un texte d'entrée sur cliquez sur