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

Faça uma pergunta

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=''; ... />




Jean-François Pillou

Jean-François Pillou - Fundador do CCM
Mais conhecido como Jeff, Jean-François Pillou é o fundador do CommentCaMarche.net. Ele também é CEO do CCM Benchmark e diretor digital do Grupo Figaro.

Mais informações sobre a equipe do CCM