pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

HTML5 – Atributo autocomplete


HTML5

Atributo autocomplete

O atributo autocomplete é novo na HTML5 . A função do atributo é habilitar ou desabilitar o autopreenchimento dos elementos form e input.

Alguns navegadores oferecem a funcionalidade de preencher ou sugerir opções de preenchimento de um campo de formulário. Essa sugestão é feita com base no que foi digitado anteriormente pelo usuário.

Definir se um campo de formulário deve ou não ter seu autopreenchomento ativo é extremamente importante, uma vez que nunca sabemos onde nossos usuários estarão acessando esse formulário. Eles podem preencher seus dados a partir de um computador seguro ou um computador público. Independentemente do nível de segurança, alguns valores de campo nunca devem ser lembrado, por exemplo, número de cartão de crédito, CPF, etc.

Valores do atributo

  • on: valor Default/Padrão.O navegador irá preencher automaticamente os valores com base em valores digitado anteriormente pelos usuários.
  • off: o navegador não completa automaticamente entradas nos campos do formulário.

É possível ter autocomplete igual a on para o formulário, e off para campos de entrada específicos, ou vice-versa.

Exemplo atributo Autocomplete

O exemplo abaixo desabilita o autopreenchimento de todo formulário, já que o atributo está sendo aplicado no elemento de formulário.

<form method="post" autocomplete="off">

Esse outro exemplo mostra como você pode isolar um único campo para prevenir o autocomplete:

<input type="text" name="cartao_c" autocomplete="off" />

Siga-me no Twitter: @kadunew ou assine nosso Feed e fique por dentro de todas atualizações aqui do blog.

Categorias: HTML |

Comentários desativados.

Topo