Como limpar o campo de entrada

Aprenda como limpar o campo de entrada ao ganhar foco.

Clique no campo de entrada para limpar seu conteúdo:

Limpar o campo de entrada ao ganhar foco

<!-- Quando o campo de entrada ganha foco, substitua seu valor atual por uma string vazia -->
<input type="text" onfocus="this.value=''" value="Blabla">

Experimente pessoalmente

Limpar o campo de entrada com o botão

<button onclick="document.getElementById('myInput').value = ''">Limpar campo de entrada</button>
<input type="text" value="Blabla" id="myInput">

Experimente pessoalmente

Páginas relacionadas

Tutorial:Formulário HTML