Thuộc tính giá trị HTML


Định nghĩa và Cách sử dụng

Đối với <button> <input>các <option>phần tử, valuethuộc tính chỉ định giá trị ban đầu của phần tử.

Đối với <li>các phần tử, valuethuộc tính đặt giá trị của mục danh sách (đối với danh sách có thứ tự). Các mục danh sách tiếp theo sẽ tăng lên từ giá trị đó.

Đối với <meter>các phần tử, valuethuộc tính chỉ định giá trị hiện tại của máy đo.

Đối với <progress>các phần tử, valuethuộc tính chỉ định mức độ hoàn thành của nhiệm vụ.

Đối với <param>các phần tử, valuethuộc tính chỉ định giá trị của tham số.


Áp dụng đối với

Thuộc valuetính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<button> giá trị
<input> giá trị
<meter> giá trị
<li> giá trị
<chú thích> giá trị
<quy trình> giá trị
<param> giá trị

Các ví dụ

<button> Ví dụ

Hai nút có tên bằng nhau, gửi các giá trị khác nhau khi được nhấp vào:

<form action="/action_page.php" 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>

<input> Ví dụ

Một biểu mẫu HTML với các giá trị ban đầu (mặc định):

<form action="/action_page.php">
  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>

<li> Ví dụ

Sử dụng thuộc tính giá trị trong danh sách có thứ tự:

<ol>
  <li value="100">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol>

<meter> Ví dụ

Một thước đo với giá trị hiện tại, các phân đoạn tối thiểu, tối đa, cao và thấp:

<meter min="0" low="40" high="90" max="100" value="95"></meter>

<option> Ví dụ

Danh sách thả xuống bên trong biểu mẫu HTML:

<form action="/action_page.php">
  <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>

<progress> Ví dụ

Đang tải xuống:

<progress value="22" max="100"></progress>

<param> Ví dụ

Đặt thông số "tự động phát" thành "đúng", để âm thanh sẽ bắt đầu phát ngay khi tải trang:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>

Hỗ trợ trình duyệt

Thuộc valuetính này có hỗ trợ trình duyệt sau cho từng phần tử:

Element
button Yes Yes Yes Yes Yes
input 1.0 2.0 1.0 1.0 1.0
li Yes Yes Yes Yes Yes
meter 8.0 13.0 6.0 6.0 11.0
option Yes Yes Yes Yes Yes
progress 8.0 10.0 16.0 6.0 11.0
param Yes Yes Yes Yes Yes