Retornar o valor Default ao input com JQuery

by @emersonbroga. 1 Comment

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 :

        //Input id="input-busca"
        $busca = $('#input-busca');
	$busca.blur(function(){
		if( $busca.val() == ''){
			$busca.val('Pesquisar');
		}
	});
	$busca.focus(function(){
		if( $busca.val() == 'Pesquisar'){
			$busca.val('');
		}
	});

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:

onFocus="javascript: if( this.value == 'Pesquisar' ){ this.value = '' } " onBlur="javascript: if( this.value == ''){ this.value= 'Pesquisar'}"
  • http://dsprog.com Daniel

    Opa valeu tava buscando por isso já usei algumas vezes mas nunca lembro de fazer uma função para isso e deixar guardada