Comentário: HTML5 nos traz muitas coisas mágicas. Tarefas que anteriormente deveriam ser concluídas com JavaScript e Flash, como verificação de formulários, espaço reservado para entrada, Renomear clientes de download de arquivos e áudio/vídeo, todos os quais podem ser feitos usando HTML básico
Uma função simples HTML5 a ser discutida aqui é soltar automaticamente o foco de entrada em um determinado elemento quando a página é carregada; Esta ação é concluída pela propriedade AutoFocus.
O código HTML é muito simples:
<!- Tudo isso funciona! ->
<Input AutoFocus = "AutoFocus" />
<Button AutoFocus = "AutoFocus"> oi! </botão>
<textAea autofocus = "AutoFocus"> </sexttarea>
Quando o atributo de foco automático está disponível, esses elementos de entrada, textarea ou botão podem ser carregados na página e são selecionados. No entanto, se você usar elementos de exibição pura, como tags H1, o atributo de foco automático não é fácil de usar.
Esta propriedade é muito útil em alguns casos. Por exemplo, a página inicial do Google o usa para pesquisar 99% das vezes; portanto, uma vez que a página é carregada, o cursor deve estar posicionado na caixa de entrada. No passado, eu precisava usar o JavaScript para concluí -lo, mas agora não preciso disso, e posso concluí -lo por HTML sozinho.