O atributo autofocus é um atributo booleano, ou seja, pode ou não ser definido em um elemento. É usado em campos de formulários. Especifica que um elemento deve receber automaticamente o foco quando a página é carrega. Permitindo que o usuário comece digitar sem ter que manualmente dar o foco (clicar) no elemento.
Os elementos que podem receber esse atributo são: button, input, keygen, select e textarea. Não deve haver mais de um elemento no documento com o atributo autofocus especificado.
Se você ainda não entende o que é isso, por favor, vá até o Google e perceba que ao entrar na página o campo de busca já recebe o foco. Você digita o termo da busca de pesquisa sem primeiro clicar no campo input. Definir o foco para caixa de texto automaticamente é sem dúvida um acréscimo à usabilidade do site.
Há outras maneira de aplicar o foco automático em um campo de formulário, com JavaScript, jQuery, por exemplo.
autofocus é suportado em todos os principais navegadores, com exceção do Internet Explorer.
No exemplo a seguir, o elemento input será focado assim que a página seja carregada.
<input maxlength="255" name="busca" value="" autofocus> <input type="submit" value="Pesquisar">
Veja a Página de exemplo do atributo autofocus.
Curta a página do blog kadunew no Facebook. Siga-me no Twitter: @kadunew ou assine nosso Feed e fique por dentro de todas atualizações aqui do blog.