Najnowsze tutoriale tworzenie stron internetowych
 

HTML value Attribute


Definicja i Wykorzystanie

Dla przycisków, wejściowych i opcji elementów, value atrybutu określa wartość początkową tego elementu.

Na li elementów, value atrybutu ustawia wartość elementu listy uporządkowanej. Następujące elementy listy będą zwiększać od tej liczby.

Dla elementów z postępów prac, value atrybutu określa jaka część zadania została zakończona.

Dla elementów param, The value atrybutu określa wartość <param> elementu.


Dotyczy

type atrybut może być stosowany na następujących elementach:

Elementy Atrybut
<button> value
<input> value
<li> value
<option> value
<progress> value
<param> value

Przykłady

Button Przykład

Dwa przyciski z jednakowych nazwach, które składają różne wartości po kliknięciu:

<form action="demo_form.asp" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
Spróbuj sam "

Input Przykład

Formularz HTML z wartościami początkowymi (domyślnie):

<form action="demo_form.asp">
  First name: <input type="text" name="fname" value="John"><br>
  Last name: <input type="text" name="lname" value="Doe"><br>
  <input type="submit" value="Submit form">
</form>
Spróbuj sam "

Li Przykład

Korzystanie z value atrybutu w uporządkowanej listy:

<ol>
  <li value="100">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol>
Spróbuj sam "

opcja Przykład

Lista rozwijana wewnątrz formularza HTML:

<form action="demo_form.asp">
  <select name="cars">
    <option value="volvo">Volvo XC90</option>
    <option value="saab">Saab 95</option>
    <option value="mercedes">Mercedes SLK</option>
    <option value="audi">Audi TT</option>
  </select>
  <input type="submit" value="Submit">
</form>
Spróbuj sam "

Progress Przykład

Pobieranie w toku:

<progress value="22" max="100"></progress>
Spróbuj sam "

Param Przykład

Ustaw "autoplay" parametr na "true" , więc dźwięk będzie zacząć grać jak najszybciej załadowaniu strony:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Spróbuj sam "

Pomoc Browser

value atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:

Element
button tak tak tak tak tak
input 1,0 2,0 1,0 1,0 1,0
li tak tak tak tak tak
option tak tak tak tak tak
progress 8,0 10,0 16,0 6,0 11,0
param tak tak tak tak tak