Para que serve o atributo autocomplete e quais…

O atributo autocomplete permite que o navegador forneça preenchimento automático para os campos do formulário. Ele melhora a usabilidade ao oferecer dados salvos anteriormente.

Os parâmetros do atributo autocomplete dividem-se em dois tipos: gerais e por tipo de dado.

Parâmetros gerais:

off: Proíbe o preenchimento automático para este campo.
on: Ativa o preenchimento automático para este campo.

Parâmetros por tipo de dado (mais utilizados):

name: Nome completo do utilizador.
honorific-prefix: Prefixo antes do nome (por exemplo, "Mr.", "Ms.").
given-name: Nome.
additional-name: Nomes adicionais (segundo nome, etc.).
family-name: Sobrenome.
honorific-suffix: Sufixo após o nome (por exemplo, "Jr.", "Sr.").
nickname: Apelido.
email: Endereço de email.
username: Nome de utilizador.
new-password: Nova palavra-passe (para campos de criação de palavra-passe).
current-password: Palavra-passe atual (para campos de inserção de palavra-passe existente).
one-time-code: Código de uso único (por exemplo, para autenticação de dois fatores).
organization-title: Cargo.
organization: Nome da organização.
street-address: Rua e número de porta.
address-line1: Primeira linha do endereço.
address-line2: Segunda linha do endereço.
address-line3: Terceira linha do endereço.
address-level4: A menor unidade administrativa (por exemplo, aldeia).
address-level3: A terceira maior unidade administrativa (por exemplo, distrito).
address-level2: A segunda maior unidade administrativa (por exemplo, cidade).
address-level1: A maior unidade administrativa (por exemplo, região, estado).
country: País.
country-name: Nome do país.
postal-code: Código postal.
cc-name: Nome no cartão de crédito.
cc-given-name: Nome no cartão de crédito.
cc-additional-name: Nomes adicionais no cartão de crédito.
cc-family-name: Sobrenome no cartão de crédito.
cc-number: Número do cartão de crédito.
cc-exp: Data de validade do cartão de crédito.
cc-exp-month: Mês de validade.
cc-exp-year: Ano de validade.
cc-csc: Código de segurança do cartão.
cc-type: Tipo de cartão de crédito.
transaction-currency: Moeda da transação.
transaction-amount: Valor da transação.
language: Língua preferida.

Os parâmetros também podem incluir prefixos, como shipping ou billing, indicando que são dados de envio ou pagamento, respetivamente.

Exemplo de uso:

<form>
  <label for="name">Nome:</label>
  <input type="text" id="name" name="name" autocomplete="given-name">

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="email">

  <label for="street">Rua:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

Para que serve o atributo autocomplete e quais parâmetros ele aceita?