Cómo hacer que el texto desaparezca al hacer clic en un campo de texto

Escrito por willa dunn | Traducido por analia moranchel
Cómo hacer que el texto desaparezca al hacer clic en un campo de texto

Los campos de texto son una parte importante de los formularios HTML.

Hemera Technologies/AbleStock.com/Getty Images

Los campos de texto HTML te ayudan a crear un sitio web dinámico que le permite a los usuarios del sitio comunicarse contigo. Los objetos de la página web, como formularios de registro o ingreso, suelen incluir campos de texto que aceptan la entrada del usuario. Puedes ingresar texto de muestra en este campo y hacerlo más amable al quitar el texto cuando el usuario haga clic en el campo para introducir sus propios datos.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia tu texto o editor de HTML. Abre el archivo HTML y desplázate hasta el campo de texto. <form> Nombre: <input name="name" type="text" value=" Tu nombre aquí" ></input> <input type="submit" name="Submit" value="Send"> </form> </form>

  2. 2

    Escribe el código JavaScript para cambiar el valor cuando se haga clic en el campo: <form> Nombre: <input name="name" type="text" value=" Tu nombre aquí" onclick="this.value = ''"></input> <input type="submit" name="Submit" value="Send"> </form>

  3. 3

    Guarda el archivo HTML. Mira la página web en un navegador de Internet para probar el campo.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2015 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media