Necesito una pequeña ayuda estoy haciendo un formulario de busqueda parecido al de twitter pero soy algo novato con el javascript , bueno aqui esta el codigo que llevo hecho.
Código HTML:
<style>
#buscador {
float:left;padding:0px 0px 0px 2px;
/* Ponemos los bordes para el formulario */
border: 1px solid #000000 ;border-bottom: 1.5px solid #000000 ;
/* Ponemos el color de fondo */
background-color: #696969;margin:4px 0px 0px 20px;
/* Redondeamos esquinas */
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px}
</style>
<form id="buscador" action="buscar.php"
/* Indicamos lo que pasara el poner el puntero sobre el formulario */
onMouseOver="this.style.background='#808080';"
/*Indicamos lo que pasara al sacar el puntero del formulario */
onMouseOut="this.style.background='#696969';"
style="margin:6px 0px 0px 5px;"
metod="get">
<input
/* INDICAMOS LO QUE PASARA AL QUITAR EL FOCO DEL AREA DE TEXTO */
onblur="form.style.background='#696969';this.value='Buscar personas...';"
/* INDICAMOS LO QUE PASARA AL OCURRIR UN FOCO EN EL AREA DE TEXTO */
onFocus="form.style.background='#ffffff';this.value=' ';"
value="Buscar personas..."
style="margin:0px;width:172px;border-style:none;background-color:transparent;padding:5px;"
name="busqueda" type="text" />
<input type="image" style="height:20px;padding:3px 5px 3px 5px;margin:0px 0px -8px 0px;" src="http://icones.pro/es/go.php?http://icdn.pro/images/es/b/u/buscar-buscar-ampliar-icono-6707-16.png" />
</form>
El problema no se como hacer para que cuando este en foco permanesca el fondo de color blanco .