texto claro onclick - campo de texto

Question

¿Cuál es el mejor método para borrar texto en un campo de texto, cuando el usuario hace clic en él?

Es decir, si el campo de búsqueda de texto dice "buscar" y cuando hacen clic en él, borra el valor.

Answer 1

que podría hacer como:

<input type="text" onfocus="if(this.value == 'search') {this.value=''}" onblur="if(this.value == ''){this.value ='search'}"> 

Answer 2

En JavaScript se puede establecer sencilla el valor de la contorol a una cadena vacía en el controlador de eventos OnFocus.

Answer 3

HTML normal:

<script type="text/javascript"> 
    function clearThis(target){ 
     target.value= ""; 
    } 
    </script> 
    <input type="text" value="Search" onfocus="clearThis(this)" /> 

jQuery:

<script type="text/javascript"> 
    function clearThis(target){ 
     $(target).val = ""; 
    } 
</script> 
<input type="text" value="Search" onfocus="clearThis(this)" /> 

Answer 4

Si jQuery es una opción, me gustaría considerar la watermark plugin

Logra lo que está buscando, pero con un poco más estilo

Answer 5

<input name="foo" placeholder="Search" /> The plac etiqueta de titular es una nueva etiqueta HTML5 que hace exactamente lo que quiere hacer aquí.