Ostatnio edytowany:

autofocus

Autor: Virtual Patriot

Przeznaczenie atrybutu autofocus

Za pomocą atrybutu autofocus możemy określić czy interesujący nas element HTML powinien być traktowany przez przeglądarkę internetową jako element HTML, na którym w pierwszej kolejności powinien skupić się użytkownik.

Elementy HTML dla atrybutu autofocus

  1. button
  2. input
  3. keygen
  4. select
  5. textarea

Przykład atrybutu autofocus

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="http://webkod.pl/php/submit-result.php">
      <label>
        Podaj imię:
        <input type="text" name="imie" autofocus>
      </label>

      <label>
        Podaj kolor:
        <input type="text" name="kolor">
      </label>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Zobacz rezultat: przykład atrybutu autofocus

Przykładowy element "input" posiadający atrybut "name" o wartości "imie" jest aktywny, gdyż wspomniany element "input" jest traktowany przez przeglądarkę internetową jako element HTML, na którym w pierwszej kolejności powinien skupić się użytkownik, ponieważ do wspomnianego elementu "input" został dodany atrybut "autofocus".

Interpretacja atrybutu autofocus

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 10

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu .