E aí galera… tudo joia??
Vou passar hoje uma dica bem util para usabilidade do site.
Geralmente a gente coloca um textinput de busca, com o value=”busca”, aí a gente que quando o cara colocar
o mouse lá pra digitar algo esse valor saia de lá …e se ele sair do campo sem digitar nada o value=”busca” volte.
Isso é uma mágica muito simples de se fazer com jQuery :

<br />
        //Input id=&quot;input-busca&quot;<br />
        $busca = $('#input-busca');<br />
	$busca.blur(function(){<br />
		if( $busca.val() == ''){<br />
			$busca.val('Pesquisar');<br />
		}<br />
	});<br />
	$busca.focus(function(){<br />
		if( $busca.val() == 'Pesquisar'){<br />
			$busca.val('');<br />
		}<br />
	});<br />

muito simples né … mas quem tiver dúvidas pergunte nos comentários.

Update:
Com javascript puro, tambem é facil de fazer.
Por exemplo um input “Pesquisar”, basta você colocar diretamente no input os atributos onBlur e on Focus:

<br />
onFocus=&quot;javascript: if( this.value == 'Pesquisar' ){ this.value = '' } &quot; onBlur=&quot;javascript: if( this.value == ''){ this.value= 'Pesquisar'}&quot;<br />


@emersonbroga

Formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas trabalhei em diversas agências e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros.