Para que serve o atributo 'autocomplete' e quais…

O atributo autocomplete é usado para sugerir ao navegador como preencher automaticamente os campos do formulário com base nas entradas anteriores do utilizador. Isto melhora a conveniência e a rapidez do preenchimento de formulários.

Parâmetros principais:

on: Ativar autocompletar.
off: Desativar autocompletar.

Além de on e off, existem vários valores predefinidos que descrevem o tipo de dados a preencher. Alguns deles:

name: Nome completo.
honorific-prefix: Prefixo do nome (por exemplo, "Sr.", "Sra.").
given-name: Nome.
additional-name: Segundo nome ou sobrenome.
family-name: Apelido.
honorific-suffix: Sufixo do nome (por exemplo, "Jr.").
nickname: Apelido.
email: Email.
username: Nome de utilizador.
new-password: Nova palavra-passe (para formulários de registo).
current-password: Palavra-passe atual (para login).
organization-title: Cargo.
organization: Organização.
street-address: Endereço.
address-line1, address-line2, address-line3: Linhas de endereço.
address-level4, address-level3, address-level2, address-level1: Níveis de endereço (por exemplo, país, região, cidade, distrito).
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: Segundo nome no cartão de crédito.
cc-family-name: Apelido no cartão de crédito.
cc-number: Número do cartão de crédito.
cc-exp: Data de validade do cartão no formato MM/AA.
cc-exp-month: Mês de validade.
cc-exp-year: Ano de validade.
cc-csc: Código de segurança (CVV).
cc-type: Tipo de cartão.
tel: Número de telefone.
tel-national: Número de telefone sem código de país.
tel-area-code: Código de área.
tel-local: Número de telefone sem código de país e de área.
tel-extension: Extensão do telefone.
bday: Data de nascimento.
bday-day: Dia de nascimento.
bday-month: Mês de nascimento.
bday-year: Ano de nascimento.
sex: Sexo.
url: URL da página inicial.
photo: URL da fotografia.

Alguns valores podem ser combinados com prefixos, por exemplo, shipping ou billing para indicar o endereço de entrega ou faturação.

<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">

Para que serve o atributo 'autocomplete' e quais parâmetros ele pode aceitar?