Edición/personalización de la barra de búsqueda del menú superior [Solucionado]

[fnl_presta]

Muy buenas, estoy encontrándome con algún tipo de dificultades a la hora de personalizar la barra de búsqueda del menú superior. Me gustaría poder poner Buscar... en la caja cuando no se haya pulsado para escribir lo que buscar aun, También añadir una lupa o un botón con la palabra buscar, he buscado varias cosas en el foro y en la red y no doy con la tecla. Adjunto una imagen con la barra del foro como ejemplo por si no me he explicado bien. Muchas gracias de antemano.

Edited August 19, 2013 by fnl_presta (see edit history)

[Carrlos]

Poner el texto en la caja de búsqueda es muy fácil (ahora con HTML5), añade el atributo placeholder de la etiqueta input y ya lo tienes. Esto solo te servira para los "nuevos" navegadores, los que sigan utilizando una versión antigua no verán ese texto. En caso que quieras que lo vean ellos también, tendrás que utilizar Javascript.

 

Para el botón tienes que utilizar algo de CSS. Si solo quieres el icono en el input deja el value en blanco y sobre la clase del input añade la propiedad background-image con el icono que vayas a utilizar.

[Sergio Ruiz]

Lo de agregar la palabra "buscar", mira esto: http://www.prestashop.com/forums/topic/217650-como-agregar-una-palabra-como-buscar-a-campo-busqueda/