Atributo autocomplete

O atributo autocomplete desativa o preenchimento automático do formulário.

O preenchimento automático é quando o navegador sugere inserir no campo os dados que já foram digitados nesse campo anteriormente. Isso nem sempre é conveniente, pois, por exemplo, o navegador pode sugerir seu login ou senha para um invasor, etc. Para campos onde informações secretas são inseridas, o preenchimento automático deve ser desativado.

O atributo autocomplete pode ser usado não apenas para ocultar informações secretas. Por exemplo, pode-se desativar o preenchimento automático em respostas de testes. Isso é necessário para que ao refazer o teste, o navegador não sugira as respostas (o interesse do teste é perdido).

Pode ser usado como um atributo sem valor, ou pode-se especificar um dos valores.

Valores

Valor	Descrição
`on`	Preenchimento automático ativado (este é o valor padrão).
`off`	Preenchimento automático desativado.

Exemplo

Vamos ativar o preenchimento automático em um input. Digite nele, por exemplo, a palavra "autocompletar" e clique no botão de envio (isso é obrigatório, pois o navegador só memoriza as palavras enviadas). Depois disso, volte ao exemplo e digite a letra "a" - o navegador sugerirá a palavra "autocompletar" e você poderá selecioná-la sem digitá-la completamente:

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

Exemplo

E agora vamos desativar o preenchimento automático. Faça as mesmas manipulações do exemplo anterior, mas nenhuma sugestão aparecerá:

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

Veja também

a tag datalist,
que cria preenchimento automático com base na sua lista