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

Escrito por willa dunn | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
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-2016 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