un moyen d'afficher du texte dans le champ de texte avant que l'utilisateur entre les données

Question

Y at-il un plugin jquery ou est-ce relativement facile à faire?

Il existe un champ de texte dans lequel les utilisateurs saisissent un montant. Je veux que le champ de texte affiche '$' ... lorsque les utilisateurs cliquent sur le champ de texte, '$' sera parti.

Answer 1

J'ai récemment demandé un question similaire, j'ai choisi d'utiliser le Watermark plugin.

Answer 2

<input name=Amount value=$100 type=text onfocus="removeDollar(this)" onblur="setDollar(this)"> 
<script> 

function setDollar(e) 
{ 
    e.value = '$' + e.value; 
} 

function removeDollar(e) 
{ 
    e.value = e.value.substr(1); 
} 
</script> 

Answer 3

j'imagine quelque chose comme:

$('#myInput').one("click", function() { 
    $(this).val('');//empty the prefilled input 
}); 

Check out Events/One. De la documentation:

se lie à un gestionnaire pour un ou plusieurs événements être exécutée une fois pour chaque élément identifié .

Answer 4

C'est juste HTML de base & JS ...

<input type="text" name="amount" id="amount" value="$" onFocus="clearText(this)"/> 

function clearText(textField) 
{ 
    if (textField.value == textField.defaultValue) 
     textField.value = "" 
} 

Note: Je ne suis pas familier avec jQuery, donc c'était juste une supposition en utilisant HTML & JS. Si ce n'est pas ce que vous cherchiez, désolé.

Answer 5

Celui-ci efface le champ sauf si une valeur a été saisie et restaure l'étiquette sur le flou si le champ est vide:

<input type="text" name="amount" id="amount" value="$" /> 

    $("#amount").focus(function(){ 
    this.value = this.value == "$" ? '' : this.value; 
    }).blur(function(){ 
    this.value = this.value || "$" ; 
    });