Atributo de preenchimento automático de HTML
Definição e uso
O
autocompleteatributo especifica se um formulário ou um campo de entrada deve ter o preenchimento automático ativado ou desativado.
O preenchimento automático permite que o navegador preveja o valor. Quando um usuário começa a digitar em um campo, o navegador deve exibir opções para preencher o campo, com base nos valores digitados anteriormente.
Dica: É possível ter o preenchimento automático "ativado" para o formulário e "desativado" para campos de entrada específicos, ou vice-versa.
Nota: O
autocompleteatributo funciona com os seguintes
<input>tipos: texto, pesquisa, url, tel, email, senha, datepickers, intervalo e cor.
Aplica-se a
O
autocompleteatributo pode ser usado nos seguintes elementos:
| Elementos | Atributo |
|---|---|
| <formulário> | autocompletar |
| <entrada> | autocompletar |
Exemplos
Exemplo de formulário
Um formulário com preenchimento automático em:
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
Exemplo de entrada
Um formulário HTML com preenchimento automático ativado (e desativado para um campo de entrada):
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
Suporte ao navegador
O autocompleteatributo tem o seguinte suporte do navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |