Em primeiro lugar, há um novo atributo de preenchimento automático em HTML5. O atributo autocomplete especifica se o formulário deve ativar o preenchimento automático. Ele permite que o navegador preveja a entrada do campo. Quando o usuário começar a digitar em um campo, o navegador deverá exibir opções de preenchimento do campo com base nos valores digitados anteriormente.
como:
<form autocomplete=on> Nome:<input type=text name=fname /><br /> Sobrenome: <input type=text name=lname /><br /> E-mail: <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>Preencha e envie este formulário e recarregue a página para ver como funciona o recurso de preenchimento automático. </p><p>Observe que o recurso de preenchimento automático do formulário está ativado e o campo de e-mail está desativado. </p>
Você descobrirá que autocomplete=on será gravado, mas o e-mail com autocomplete=off não será gravado quando você digitá-lo novamente. Esta é a função de preenchimento automático do formulário em HTML5!
Se ainda não tiver certeza, você pode consultar o manual w3school para continuar aprendendo.
Como desativar o preenchimento automáticoÀs vezes queremos desligar a função de preenchimento automático da caixa de entrada. Por exemplo, quando o usuário insere conteúdo, queremos usar a tecnologia AJAX para pesquisar e listar no banco de dados em vez de pesquisar no histórico do usuário.
Existem três maneiras de desativar a função de preenchimento automático da caixa de entrada:
1. Defina o conteúdo no menu de opções da Internet do IE – Autocomplete.
2. Ative ou desative o preenchimento automático do formulário para ativar ou desativar a função de preenchimento automático.
(Desative toda a função de prompt automático do formulário)
3. Ative ou desative o preenchimento automático da caixa de entrada para ativar ou desativar a função de preenchimento automático da caixa de entrada (desative o preenchimento automático do campo de senha)
Código de teste: (Insira o texto em cada formulário e envie-o, e depois volte para ver se pode ser preenchido automaticamente. Observe que o histórico não pode ser concluído até que seja enviado. Pode haver erros na página após o envio. Não' não se preocupe com isso, basta voltar.
Formulário com preenchimento automático ativado<br>
<form name=form1 autocomplete=on> Ativar a caixa de entrada com a função de preenchimento automático <input type=text autocomplete=on ><br> Desativar a caixa de entrada com a função de preenchimento automático <input type=text autocomplete=off><br> < tipo de entrada =enviar valor=enviar><br> </form>
Formulário com preenchimento automático desativado<br>
<form name=form1 autocomplete=off> Ativar a caixa de entrada com a função de preenchimento automático <input type=text autocomplete=on><br> Desativar a caixa de entrada com a função de preenchimento automático <input type=text autocomplete=off><br> < tipo de entrada =enviar valor=enviar><br> </form>
Sugestão: Não desative todas as funções de preenchimento automático. Apenas desative algumas das funções de preenchimento automático conforme necessário. Se achar que a função de preenchimento automático integrada do navegador não é poderosa o suficiente, você pode usar o plug-in jquery. para obter uma função de conclusão automática mais poderosa.
Por exemplo, a função de prompt automático da caixa de pesquisa do Baidu é muito poderosa.
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.