Javascript - Apagar um campo de formulário com um clique (foco)

Outubro 2017


Você já deve ter se deparado com um formulário HTML com valores pré-preenchidos descrevendo, por exemplo, o tipo de valor esperado. A intenção é louvável, mas é desagradável ter que selecionar o texto este e apagá-lo antes de poder escrever.

É possível remover este texto quando o usuário seleciona este campo (isto é, quando este campo recebe o foco):

<form  ... >  
<input type="text" name="nome" size=16 value="Digite aqui o seu nome" onFocus="javascript:this.value=''" />  
<input type="submit" value="Validar" />  
</form>


Porém, desta forma, qualquer texto será apagado!

Podemos usar uma condição para substituir apenas se o valor for "Digite seu nome aqui":

<input onclick="if(this.value=='Digite aqui o seu nome')this.value=''; ... />



Tradução feita por Lucia Maurity y Nouira

Publicado por pintuda. Última modificação: 8 de junho de 2011 às 18:40 por pintuda.
Este documento, intitulado 'Javascript - Apagar um campo de formulário com um clique (foco)', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.