Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 2, średnia ocena: 5,00)
Loading ... Loading ...

Atrybut HTML5 autofocus

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

Firefox Chrome Opera Safari Internet 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.

Inne artykuły poruszające podobny temat

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Pseudoklasy CSS3 i formularze HTML5 - ikona

Pseudoklasy CSS3 i formularze HTML5

Ikona łańcucha

Element link

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!