tutoriais mais recente desenvolvimento web
 

HTML autofocus Attribute


Definição e Uso

O autofocus atributo é um atributo booleano.

Quando presente, ele especifica que o elemento deve receber automaticamente o foco quando a página é carregada.


Aplica-se a

A autofocus do atributo pode ser usado nos seguintes elementos:

elementos Atributo
<button> autofocus
<input> autofocus
<keygen> autofocus
<select> autofocus
<textarea> autofocus

Exemplos

Button Exemplo

Um botão com autofocus:

<button type="button" autofocus>Click Me!</button>
Tente você mesmo "

Input Exemplo

Deixe o "First name" campo de entrada receber automaticamente o foco quando a página é carregada:

<form action="demo_form.asp">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>
Tente você mesmo "

Keygen Exemplo

Deixe o "Encryption" campo de receber automaticamente o foco quando a página é carregada:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" autofocus>
  <input type="submit">
</form>
Tente você mesmo "

Textarea Exemplo

Uma área de texto com autofocus :

<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Tente você mesmo "

Suporte a navegadores

O autofocus atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
form 5 10.0 4.0 5 9,6
input 5 10.0 4.0 5 9,6
keygen sim Não suportado Não suportado 6 sim
textarea sim 10.0 4.0 sim sim