Ostatnio edytowany:

label

Autor: Virtual Patriot

Przeznaczenie atrybutu label

Za pomocą atrybutu label możemy określić etykietę dla interesującego nas elementu HTML.

Elementy HTML dla atrybutu label

  1. optgroup
  2. option
  3. track

Przykład atrybutu label

<!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>
        Wybierz jedną roślinę:

        <select name="roslina">
          <optgroup label="owoce">
            <option>ananas</option>
            <option>malina</option>
            <option>truskawka</option>
          </optgroup>

          <optgroup label="warzywa">
            <option>kartofel</option>
            <option>marchew</option>
            <option>sałata</option>
          </optgroup>
        </select>
      </label>

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

  </body>
</html>

Rezultat

Pierwsza grupa opcji wyboru reprezentowana przez przykładowy element "optgroup" posiada swoją własną etykietę w postaci nagłówka, którego treścią jest ciąg znaków "owoce", ponieważ do wspomnianego elementu "optgroup" został dodany atrybut "label" wraz z wartością "owoce".

Interpretacja atrybutu label

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak