Atrybuty HTML – atrybut value

Definicja, przeznaczenie i użycie atrybutu value

Z elementami button, input i option atrybut value określa początkową wartość elementu.

W przypadku elementów li atrybut value określa wartość elementu listy (w przypadku list uporządkowanych). Kolejne pozycje listy będą zwiększać się od tej wartości.

Z elementem meter atrybut value określa bieżącą wartość miernika.

Z elementem progress atrybut value definiuje, jaka część zadania została ukończona.

W przypadku elementów param atrybut value określa wartość parametru.

Zastosowanie atrybutu value

Atrybut value można zastosować w następującym elemencie:

Element (tag)	Atrybut
button	value
input	value
meter	value
li	value
option	value
progress	value
param	value

Wsparcie przeglądarek dla atrybutu value

Atrybut value ma następującą obsługę przeglądarek dla każdego elementu:

Atrybut
button	Tak	Tak	Tak	Tak	Tak
input	1.0	2.0	1.0	1.0	1.0
li	Tak	Tak	Tak	Tak	Tak
meter	8.0	13.0	6.0	6.0	11.0
option	Tak	Tak	Tak	Tak	Tak
progress	8.0	10.0	16.0	6.0	11.0
param	Tak	Tak	Tak	Tak	Tak

Przykładowe zastosowania atrybutu value

1. Dwa przyciski o równych nazwach, które po kliknięciu podają różne wartości:
   <form action="/action_page.php" method="get">
    Wybież swój kurs:
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
  </form>
  
  2. Formularz HTML z domyślnymi wartościami początkowymi:
  <form action="/action_page.php">
  Nazwisko: <input type="text" name="nazwisko" value="Jan"><br>
  Imię: <input type="text" name="imie" value="Marcin"><br>
  <input type="submit" value="Submit form">
  </form>
  
  3. Użycie atrybutu value w uporządkowanej liście:
  <ol>
  <li value="100">Mleko</li>
  <li>Kawa</li>
  <li>Herbata</li>
  <li>Sok</li>
  <li>Woda</li>
  <li>Piwo</li>
  </ol>
  
  4. Miernik z wartościami min, max, high i low:
  <meter min="0" low="40" high="90" max="100" value="95"></meter>

5. Lista rozwijana w formularzu HTML:
  <form action="/action_page.php">
  <select name="samochody">
    <option value="volvo">Volvo</option>
    <option value="mercedes">Mercedes</option>
    <option value="saab">Saab</option>
    <option value="audi">Audi</option>
  </select>
  <input type="submit" value="Submit">
  </form>
  
  6. Trwa pobieranie:
  <progress value="22" max="100"></progress>

7. Ustawia parametr „autoplay” na „true”, aby dźwięk był odtwarzany zaraz po załadowaniu strony:
  <object data="psy.wav">
  <param name="autoplay" value="true">
  </object>

Atrybuty HTML – atrybut value

Definicja, przeznaczenie i użycie atrybutu value

Zastosowanie atrybutu value

Wsparcie przeglądarek dla atrybutu value

Przykładowe zastosowania atrybutu value

Obszar działalności – tworzenie stron internetowych w miastach: