http://docs.jquery.com/Downloading_jQuery#Download_jQuery]]Para referenc">http://docs.jquery.com/Downloading_jQuery#Download_jQuery]]Para referenc">
Quando clicar no textbox ou input apagar texto com Javascript / JQuery

Quando clicar no textbox ou input apagar texto com Javascript / JQuery

Adicione o JQuery em sua Página Após baixar na página oficial [[http://docs.jquery.com/Downloading_jQuery#Download_jQuery">http://docs.jquery.com/Downloading_jQuery#Download_jQuery]] Para referenciar o JQuery ...

<script src="js/jquery-1.2.3.pack.js" type="text/javascript"></script>
Adicione o seguinte bloco de código
<script type="text/javascript" > $(document).ready(function (){ $('.pesqtext').click(function(){if(this.value == this.defaultValue) {this.value = '';}}); $('.pesqtext').blur(function(){if (this.value == '') {this.value = this.defaultValue;}}); });
</script>
O input/textbox que vai receber este efeito deverá ter a classe CSS de acordo com o configurado no JQuery
<input name="txtpesquisa" type="text" value="Buscar" id="txtpesquisa" class="pesqtext" /> 
O value é o texto que vai aparecer antes do textbox/input ser clicado; neste caso a palavra Buscar. Lembre-se, se for necessário, de trocar a classe no Input e no JQuery.



Veja Também