Tecnología

Cómo borrar texto en un campo de búsqueda en una página HTML al hacer clic

Escrito por steve mcdonnell Google | Traducido por martín emiliano vergé
Cómo borrar texto en un campo de búsqueda en una página HTML al hacer clic

Puedes utilizar el atributo "onFocus" en HTML para borrar un campo de entrada.

Comstock/Comstock/Getty Images

Una forma común de etiquetar campos de entrada en una página HTML es colocar la descripción dentro del campo donde el usuario ingresará la información. Por ejemplo, puedes poner las palabras "ingresar búsqueda de texto" dentro del campo donde un usuario puede escribir texto para buscar en la página Web. Sin embargo, cuando el usuario haga clic dentro del campo, no querrás que tenga que borrar por toda la etiqueta. La funcionalidad ideal es que el texto sea automáticamente borrado cuando el usuario haga clic dentro del campo. Para hacer esto, puedes utilizar el atributo "onFocus" de la etiqueta HTML "entrada".

Nivel de dificultad:
Moderadamente fácil

Instrucciones

  1. 1

    Crea la página Web. Añade el formulario HTML para el cuadro de entrada de búsqueda. Por ejemplo, escribe: <form> <input type="text" size="20" value="Enter Search Text" /> </form>

  2. 2

    Añade el atributo "onFocus" para la etiqueta "input". Utiliza "this" para indicar el campo actual y establecer el campo a blanco. Por ejemplo, ingresa: <form> <input type="text" size="20" value="Enter Search Text" onFocus='this.value="";' /> </form>

  3. 3

    Navega hasta la página Web en un buscador y haz clic en el campo de búsqueda para ponerlo a prueba. Observa cómo el texto desaparece cuando haces clic en el campo.

Más galerías de fotos

comentarios

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-2014 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