Atrybut HTML5 autofocus

01 sierpnia 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Atrybut autofocus zdefiniowany dla elementu sprawia, że po wczytaniu strony element ten staje się domyślnie aktywny i gotowy do odbierania danych od użytkownika.

Przykłady użycia

Po wczytaniu strony automatycznie aktywowany zostanie poniższy element formularza
<input type="text" name="nazwa" value="" autofocus>
<input type="text" name="nazwa" value="" autofocus="autofocus" />

Składnia atrybutu autofocus

<nazwa_elementu autofocus>
<nazwa_elementu autofocus="autofocus">

Elementy związane z atrybutem autofocus

Atrybut autofocus dotyczy elementów button, input, keygen, select oraz textarea.

Wartości atrybutu autofocus

Atrybut autofocus jest atrybutem logicznym (ang. boolean attribute), co oznacza, że nie ma żadnych wartości, a jedynie może być zdefiniowany lub nie. Atrybuty logiczne można definiować na dwa sposoby — w stylu HTML i XHTML:

  • HTML: należy tylko wpisać nazwę atrybutu, np. <input type="text" autofocus>
  • XHTML: należy wpisać nazwę atrybutu i dodatkowo zdefiniować ją jako jego wartość, np. <input type="text" autofocus="autofocus" />

Obsługa atrybutu autofocus przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer

Różnice między HTML 4.01 a HTML 5

Atrybut autofocus jest nowością języka HTML 5.

Uwagi

Na każdej stronie internetowej może znajdować się najwyżej jeden element z atrybutem autofocus.

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *