Input onfocus CSS

Mostrar inputs con valor y que al clikear sobre el campo desaparezca ese valor para mostrar lo que se esté escribiendo. Esta técnica da un efecto de más profesionalidad a tus páginas Web.

Se suele utilizar en los buscadores de la forma siguiente por ejemplo:

<input type="text" name="campo" id="s" value="Buscar..." onfocus="if(this.value == 'Buscar...') {this.value = '';}"/>

Ver ejemplo en funcionamiento

Autor

Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.

Te ha servido? Valora esta entrada!

(1 voto, promedio: 5 de 5)

Comparte en las redes sociales

¿Buscas trabajo de programador?

2 respuestas a “Input onfocus CSS”

manuel dice:

16/06/2013 a las 9:44

muy bueno y efectivo.

Asi al usuario sabe en que campo esta

un saludo

Responder
Charley Sliker dice:

03/02/2012 a las 9:20

Loving the information on this internet site, you have done great job on the articles.

Responder