Comment effacer une zone de texte en utilisant javascript

Question

J'ai un

<input type="text" value="A new value"> 

je besoin d'une méthode javascript pour effacer la valeur de la zone de texte lorsque l'accent est mis sur la zone de texte .

Comment cela peut-il être réalisé?

Answer 1

On dirait que vous essayez d'utiliser un « filigrane » (une valeur par défaut qui se dégage lorsque l'utilisateur se concentre sur la boîte). Assurez-vous de vérifier la valeur avant de l'effacer, sinon vous pourriez supprimer quelque chose qu'ils ont tapé! Essayez ceci:

<input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';"> 

Cela garantira que l'effacement est effacé lorsque la valeur est "Une nouvelle valeur".

Answer 2

juste obtenir élément à l'aide

function name() 
    { 
    document.getElementById('elementid').value = ""; 
    } 

vous pouvez appeler cette fonction événement onfocus de zone de texte et clair la valeur

Answer 3

<input type="text" value="A new value" onfocus="this.value='';"> 

Toutefois, ce sera très irrigue pour les utilisateurs qui se concentrent l'élément d'un second temps par exemple pour corriger quelque chose.

Answer 4

<input type="text" value="A new value" onfocus="javascript: if(this.value == 'A new value'){ this.value = ''; }" onblur="javascript: if(this.value==''){this.value='A new value';}" /> 

Answer 5

Si vous utilisez jQuery est acceptable:

jQuery("#myTextBox").focus(function(){ 
    $(this).val(""); 
}); 

Answer 6

Utilisez le onfocus et onblur comme ceci:

<input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value = '';" onblur="if (this.value == '') this.value = 'A new value';"> 

Answer 7

Donnez ce dans la balise d'entrée de zone de texte:

onClick="(this.value='')" 

Answer 8

simple un

onfocus="javascript:this.value=''" onblur="javascript: if(this.value==''){this.value='Search...';}" 

Answer 9

<input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value =='';" onblur="if (this.value=='') alert('Please enter a value');" /> 

Answer 10

utilisation STH comme

<input type="text" name="yourName" placeholder="A new value" />

Answer 11

vient de mettre une chaîne vide

<input type="text" id="textId" value="A new value"> 
    document.getElementById('textId').value = ''; 

Answer 12

Onfous Et onblur zone de texte avec le javascript

<input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';" onblur="if(this.value=='') this.value='A new value';"/> 

Answer 13

Pour ceux qui viennent dans ce de nos jours, c'est ce que l'attribut placeholder a été fait faire. Aucun JS nécessaire:

<input type="text" placeholder="A new value"> 

Answer 14

Pour mes potescript de café!

#disable Delete button until reason is entered 
$("#delete_event_button").prop("disabled", true) 
$('#event_reason_is_deleted').click -> 
    $('#event_reason_is_deleted').val('') 
    $("#delete_event_button").prop("disabled", false) 

Answer 15

Votre code HTML,

code jquery,

$ ("# textboxID") val ('').