Cómo borrar un cuadro de texto usando javascript

Question

Tengo un

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

Necesito un método JavaScript para borrar el valor del cuadro de texto cuando el foco está en el cuadro de texto .

¿Cómo se puede lograr esto?

Answer 1

Parece que usted está tratando de utilizar una "marca de agua" (un valor por defecto que se despeja cuando el usuario se centra en la caja). Asegúrese de verificar el valor antes de borrarlo; de lo contrario, puede eliminar algo que haya escrito. Pruebe esto:

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

Eso asegurará que solo se borre cuando el valor sea "Un nuevo valor".

Answer 2

acaba de obtener el elemento utilizando

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

se puede llamar a esta función en el evento onfocus del cuadro de texto y borrar el valor

Answer 3

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

Sin embargo, esto será muy regando para los usuarios que se centran el elemento de un segundo tiempo, por ejemplo para corregir algo

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 se utiliza jQuery es aceptable:

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

Answer 6

Usar la onfocus y onBlur eventos como éste:

<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

Dale esto en la etiqueta de entrada de la caja de texto:

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

Answer 8

simple uno

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

uso algo como

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

Answer 11

acaba de establecer una cadena vacía

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

Answer 12

Onfous Y onBlur cuadro de texto con 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

Para los que vienen a través de esto hoy en día, esto es lo que se hizo el atributo placeholder que hacer. No es necesario JS:

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

Answer 14

¡Para mi coffeescript peeps!

#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

Su código HTML,

código de jQuery,

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