pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

HTML5 atributo autofocus

HTML5

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.

O atributo 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.

Categorias: HTML |

Comentários desativados.

Topo