Comentário: Acredito que você tem um bom entendimento do foco automático e do espaço reservado do HTML5. Para usar a função de foco automático do HTML5, você só precisa adicionar o atributo de foco automático no campo do formulário. Primeiro, observe o código de exemplo a seguir para usar o HTML AutoFocus e o Text de espaço reservado. Amigos interessados podem aprender sobre isso.
Primeiro veja o código de exemplo a seguir para usar o foco automático HTML e o texto de espaço reservado
<! Doctype html> 2: <html>
<head>
<title> Registre uma conta </title>
<meta charset = "utf-8">
</head>
<Body>
<form método = "post" action = "goto">
<Fieldset>
<legend> Novo registro do usuário </legend>
<ol>
<li>
<Label para = "Nome"> Email </elabel>
<input type = "email">
</li>
<li>
<Label para = "User"> Nome de usuário </abely>
<input type = "text">
</li>
<li>
<Label para = "apelido"> Nome de exibição </belt>
<input type = "text">
</li>
<li>
<Label para = "Senha"> Senha </belt>
<input type = "senha">
</li>
<li>
<Label para = "Confirm_Password"> Confirmar senha </elabel>
<input type = "senha">
</li>
</ol>
</fieldset>
</morm>
</body>
</html>
Usando foco automático
Para usar a função de foco automático do HTML5, basta adicionar a propriedade AutoFocus no campo de formulário
Por exemplo, você deseja localizar automaticamente o cursor na caixa de correio de primeiro formulário do formulário quando a página for carregada e melhorar a eficiência de entrada.
<li>
<Label para = "Nome"> Email </elabel>
<input type = "email" AutoFocus>
</li>
Deve -se notar que, se várias propriedades de foco automático estiverem definidas na página, o cursor do usuário estará localizado apenas no último campo de formulário com o conjunto de propriedades de foco automático.
Use texto de espaço reservado
O maior uso do texto de espaço reservado é explicar aos usuários como preencher o formulário corretamente. Isto é, o prompt de entrada é feito. Para usar o texto de espaço reservado, basta adicionar o atributo de espaço reservado no campo de entrada
Abaixo está o campo de formulário de entrada usando o atributo de espaço reservado
<ol>
<li>
<Label para = "Nome"> Email </elabel>
<input type = "email" someholder de foco automático = "digite um endereço de email válido">
</li>
<li>
<Label para = "User"> Nome de usuário </abely>
<input type = "text" placeholder = "enter nome de usuário">
</li>
<li>
<Label para = "apelido"> Nome de exibição </belt>
<input type = "text" placeholder = "digite apelido">
</li>
<li>
<Label para = "Senha"> Senha </belt>
<input type = "senha" placeholder = "Enter senha">
</li>
<li>
<Label para = "Confirm_Password"> Confirmar senha </elabel>
<input type = "senha" placeholder = "Digite a senha novamente">
</li>
</ol>
O efeito de operação é o seguinte
Se deve habilitar o preenchimento automático
O atributo de preenchimento automático foi introduzido no HTML5. Usado para notificar o navegador se o campo de formulário atual é automaticamente preenchido com dados. Alguns navegadores se lembram dos dados inseridos pelo usuário antes e, em alguns casos, podemos não querer que o usuário use os dados de gravação, especialmente semelhante à senha.
Fechar o preenchimento automático
<input type = "senha" autocomplete = "off" espaço reservado = "digite senha">
Basta definir o valor do atuocomplete como desligado para evitar a conclusão automática.