Thuộc tính giá trị HTML
Định nghĩa và Cách sử dụng
Đối với <button>
và
<input>
các <option>
phần tử,
value
thuộc tính chỉ định giá trị ban đầu của phần tử.
Đối với <li>
các phần tử,
value
thuộ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ử,
value
thuộ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ử,
value
thuộ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ử,
value
thuộc tính chỉ định giá trị của tham số.
Áp dụng đối với
Thuộc value
tí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 value
tí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 |