Autor publikacji
Virtual Patriot - Administrator

for

Data publikacji
Ostatnio edytowano

Przeznaczenie atrybutu for

Za pomocą atrybutu for możemy określić dodatkową relację pomiędzy interesującymi nas elementami HTML.

Elementy HTML dla atrybutu for

  1. label
  2. output

Przykład atrybutu for

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

    <p>
      Pierwsza liczba: <span id="x1">8</span>
    </p>

    <p>
      Druga liczba: <span id="x2">9</span>
    </p>

    <p>
      Wynik dodawania dwóch liczb: <output id="rezultat" for="x1 x2"></output>
    </p>

    <script>
      (function(){
        var liczba1 = window.document.getElementById('x1').textContent;
        var liczba2 = window.document.getElementById('x2').textContent;

        window.document.getElementById('rezultat').textContent = (+liczba1) + (+liczba2);
      })();
    </script>

  </body>
</html>

Rezultat

Pierwsza liczba: 8

Druga liczba: 9

Wynik dodawania dwóch liczb:

Ponieważ do przykładowego elementu "output" został dodany atrybut "for" wraz z wartością "x1 x2" wspomniany element "output" zawiera dodatkową informację dla przeglądarki internetowej o tym, że treść wynikowa reprezentowana przez zawartość wspomnianego elementu "output" została utworzona na podstawie treści reprezentowanej przez zawartość elementu HTML posiadającego atrybut "id" o wartości "x1" oraz na podstawie treści reprezentowanej przez zawartość elementu HTML posiadającego atrybut "id" o wartości "x2".

Interpretacja atrybutu for

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak