Novo(ish) em HTML5

autocomplete atributo foi introduzido como oficial o recurso HTML no Microsoft Internet Explorer, e foi adotado por um número de outros navegadores. Há muito tempo que existe um amplo apoio para ela, embora o seu comportamento exato não tenha sido padronizado. Com HTML5, o atributo autocomplete é uma parte oficial do caderno de especificações.,

autocompletar vs. lista & <datalist>

autocomplete atributo pede o navegador tentar preenchimento, com base no histórico do usuário. Isto é útil para detalhes pessoais como nome e endereço de E — mail-coisas que o usuário provavelmente tem tipos em campos de entrada semelhantes em outros sites. O recurso autocomplete não é capaz de fornecer ao navegador uma lista de opções de completação automática específicas do site., Para o comportamento autocompleto com sugestões específicas do site, use o atributo

com o elemento<datalist>.

deliberadamente “quebrado”

todos os navegadores principais ignoram o valorautocomplete="off" para certos tipos de campos de entrada. Internet Explorer and Edge ignore it for all password fields. O Firefox ignora-o para qualquer campo num formulário de login. O Chrome ignora-o sempre que o utilizador optar por deixar o navegador recordar os dados do formulário. O Safari ignora-o para os campos de utilizador, e-mail e senha., Ignorar o valor autocomplete="off" é feito para melhorar a usabilidade, e gve o usuário mais controle sobre o comportamento autocompleto. Como designer de UX, você deve seguir sua liderança e usar autocomplete="off" moderadamente. Existem muito poucos casos de uso em formas normais onde realmente faz sentido não permitir autocomplete. Em alguns aplicativos complexos, faz sentido evitar entradas acidentais, mas com a maioria dos formulários padrão não há realmente nenhuma razão para isso.,

Autocomplete e nome

navegadores usam o atributoname para descobrir que tipo de informação um campo de entrada está pedindo. Então use valores padrão e significativos para name., Se você está solicitando um endereço, utilize nomes como:

  • address-1
  • address-2
  • city
  • state ou province
  • zip ou postal-code

não uso inteligente ou estranhamente nomes específicos, como o que torna difícil para o navegador para fornecer sugestões de autocompletar, e pode até levar para o navegador tentar preencher o errado valores para as entradas erradas., (Alguma vez o seu navegador preencheu o seu número de telefone no campo de código postal? A culpa foi do mau nome.)

Valores de Atributo autocomplete

Nome do Valor Notas
off Transforma autocompletar fora.
on gira autocomplete on.,

Todos os Atributos do Elemento de entrada

desactiva o campo de entrada.

nome do Atributo Valores Notas
passo Especifica o intervalo entre os valores válidos em um número de entrada.
exigido Especifica que o campo de entrada é necessário; anula-se a submissão e alerta o utilizador se o campo requerido estiver vazio.
substituição especifica substituição de texto numa entrada baseada em texto.,
padrão especifica uma expressão regular contra a qual validar o valor da entrada.
múltiplo permite ao Utilizador introduzir vários valores num ficheiro de upload ou entrada de E-mail.
min especifica um valor mínimo para campos de entrada em número e data.
max especifica um valor máximo para campos de entrada de número e data.,
lista Especifica a identificação de uma <datalist> elemento que fornece uma lista de sugestões de autocompletar para o campo de entrada.
altura Especifica a altura de uma imagem de entrada.
formtarget especifica o contexto de navegação no qual abrir a resposta do servidor após a apresentação do formulário. Para utilização apenas em tipos de entrada de “enviar”ou ” imagem”.,
formmethod especifica o método HTTP (GET ou POST) a ser usado quando os dados da forma são submetidos ao servidor. Apenas para utilização em tipos de entrada de “enviar”ou ” imagem”.
formenctype especifica como os dados de forma devem ser submetidos ao servidor. Apenas para utilização nos tipos de entrada “submit”e ” image”.
formação especifica o URL para a apresentação de formulários. Só pode ser usado para tipo= “submit”e tipo=”image”.
forma especifica uma forma à qual o campo de entrada pertence.,
autofocus Especifica que o campo de entrada deve ser focalizado imediatamente após a carga da página.
accesskey Define um atalho de teclado para o elemento.
autocomplete off
on 		especifica se o navegador deve tentar completar automaticamente a entrada baseada em entradas do Usuário para campos semelhantes.
fronteira foi utilizada para especificar uma fronteira numa entrada. Descontinuar. Use antes CSS.,
checked especifica se uma checkbox or radio button form input deve ser verificada por padrão.
deficiente
comprimento máximo especifica o número máximo de caracteres que podem ser inseridos numa entrada de tipo de texto.
a linguagem foi usada para indicar a linguagem de programação usada para eventos desencadeados pela entrada.
nome Especifica o nome de um elemento de entrada., O nome e o valor de cada elemento de entrada são incluídos no pedido HTTP quando o formulário é enviado.
size especifica a largura da entrada em caracteres.
src define o URL de origem para uma entrada de imagem.
tipo button
checkbox
file
hidden
image
password
radio
reset
submit
text		 Define o tipo de entrada.
valor define um valor inicial ou uma seleção padrão para um campo de entrada.,
Adam is a technical writer who specializes in developer documentation and tutorials.