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

by admin

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

Una forma común de etiquetado de los campos de entrada en una página HTML es poner la descripción dentro del campo en el que el usuario escriba la información. Por ejemplo, es posible poner las palabras "Enter búsqueda de texto" en el interior del campo en el que un usuario puede escribir texto para buscar en la página Web. Sin embargo, cuando el usuario hace clic en el interior del campo, que no quiere que él tenga para retroceder sobre la etiqueta. La funcionalidad ideal es que el texto que se borra automáticamente cuando el usuario hace clic en el interior del campo. Para ello, puede utilizar el atributo "onFocus" de la etiqueta HTML "de entrada".

Instrucciones

1 Crear la página Web. Añadir un formulario HTML para la caja de entrada de búsqueda. Por ejemplo, escriba:

<Form>

<Input type = "text" size = valor "20" = "Enter búsqueda de texto" />

</ Form>

2 Añadir el atributo "onFocus" a la etiqueta "entrada". Use "esto" para indicar el campo actual y establecer el campo igual a blanco. Por ejemplo, escriba:

<Form>

<Input type = "text" size = valor "20" = "Enter búsqueda de texto" onFocus = 'this.value = "";' />

</ Form>

3 Vaya a la página Web en un navegador y haga clic en el campo de búsqueda para probarlo. Ver el texto desaparece cuando se hace clic en el campo.

ETIQUETA: