Dando foco a um elemento HTML ao carregar a página em HTML5

Existem várias maneiras de dar foco automaticamente a um elemento HTML ao iniciar uma página.

Nesta dica, apresentaremos o atributo HTML5 autofocus, que é justamente responsável por esta função. Abaixo um exemplo de uso:

<form>
  <input type="text" name="username" autofocus>
  <input type="password" name="password">
  <input type="submit" value="Login">
</form>

Ao iniciar, o input username irá receber o foco.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!