Ostatnio edytowany:

for

Autor: Virtual Patriot

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