Kioskea
Buscar
Haz una pregunta »

Javascript – Borrar el campo de un formulario al hacerle clic

Marzo 2015


Javascript – Borrar el campo de un formulario al hacerle clic


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 este artículo sin tener que estar conectado, descárgalo gratis aquí en formato PDF:
Javascript-borrar-el-campo-de-un-formulario-al-hacerle-clic.pdf

Consulta también

En la misma categoría

El artículo original fue escrito por jak58. Traducido por Carlos-vialfa.
El documento « Javascript – Borrar el campo de un formulario al hacerle clic » de Kioskea (es.kioskea.net) se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo bajo las condiciones señaladas por esta licencia. Deberás hacerla siempre visible y dar crédito a Kioskea.