Javascript – Borrar el campo de un formulario al hacerle clic

Junio 2017


Seguramente ya te has encontrado con formularios HTML rellenados con texto indicando el tipo de dato esperado.

Aunque esto puede ser útil en algunas circunstancias, en otras puede ser desagradable si se tiene que eliminar previamente este texto antes de ingresar los datos.

Es posible desaparecer este texto en cuanto el usuario seleccione el campo:

<form  ... >
<input type="texto" name="nombre" size=16 value=
"Escriba aquí su nombre" onFocus="javascript:this.value=''" />
<input type="submit" value="Validar" />
</form>


Sin embargo de esta manera todo el texto será borrado automáticamente!
Es posible utilizar una condición para reemplazar, por ejemplo, únicamente si el valor es "Escriba aquí su nombre":
<input onclick="if(this.value=='Escriba aquí su nombre')this.value=''; ... />

Consulta también

Artículo original escrito por . Traducido por Carlos-vialfa. Última actualización: 6 de abril de 2009 a las 23:54 por Carlos-vialfa.
El documento «Javascript – Borrar el campo de un formulario al hacerle clic» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.