Zerar nome de input text ao clicar

[cauetc 0]

quer que na caixa de texto tenha um texto qnd entrarem no site, e ao clicarem nessa caixa de texto esse texto some.. pra pessoa n precisar apagar manualmente o q esta escrito...

 

como eu faço?

[William Bruno 1501]

Isso é Javascript, e não HTML ou padrões web.

Olha, fiz essa função rapidinho aqui...

<script type="text/javascript">
window.onload = function()
{
	var campo = document.getElementById('campo');
	campo.onclick = apagaInput;
}
function apagaInput()
{
	var campo = document.getElementById('campo');	
	if(campo.value == 'Usuario')
		campo.value = '';
}
</script>
<input type="text" id="campo" name="" value="Usuario" />

[Carlos Designer 0]

De uma maneira mais simples também poderia fazer assim:

<input type="text" id="campo" name="" value="Usuario" onclick="this.value=''" />

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[William Bruno 1501]

^^ bacana Carlos..

Eu só incrementei um pouco mais.. pq imagina que o cara digita errado, ai vai clicar para digitar de novo e... apaga tudo! ahuhauhau

tive uns probleminhas com isso num sistema que fiz manutenção...http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

e achei bacana usar um JS mais separado da marcação HTML... assim como o jQuery se propõe à fazer..

Mas fica aí boas dicas :lol:

[Carlos Designer 0]

isso poderia ser resolvido adicionando uma condição:

<input type="text" value="User" onclick="this.value=='User'?this.value='':null" />

 

Não que eu prefira este método, prefiro o descrito por você William Bruno. Também fui incentivado pelo jQuery. :D

 

É muito bom pois assim podemos separar toda marcação do código, assim como CSS.

[Guilherme Rambo 4]

Ou você pode fazer com que o texto seja selecionado quando o usuário for para o campo:

<input type="text" name="nome" id="nome" onfocus="this.select()" value="valor padrao">

 

[]'s