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=''; ... />

Véase también

Comunidad de asistencia y consejos.

• Foro
• Foro de programación
• Foro Facebook
• Foro Software

Este documento intitulado « Javascript – Borrar el campo de un formulario al hacerle clic » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.