Thuộc tính value của phần tử <li> được dùng để đặt giá trị cho mục danh sách (list item). Vì giá trị là một số, nó chỉ được đặt cho phần tử <ol> trong HTML tức là danh sách có thứ tự (ordered list).
Cú pháp như sau:
<li value="num">
Ở trên, num là giá trị của mục danh sách trong danh sách có thứ tự.
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Môn học</h1> <p>Dưới đây là các môn học −</p> <ol> <li>Toán</li> <li>Khoa học</li> <li>Tiếng Anh</li> <li>Tiếng Pháp</li> </ol> <p>Các môn còn lại −</p> <ol> <li value="5">Cà phê</li> <li>Kế toán</li> <li>Lập trình</li> <li>Mạng</li> </ol> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã đặt hai danh sách có thứ tự:
<p>Dưới đây là các môn học −</p> <ol> <li>Toán</li> <li>Khoa học</li> <li>Tiếng Anh</li> <li>Tiếng Pháp</li> </ol> <p>Các môn còn lại −</p> <ol> <li value="5">Cà phê</li> <li>Kế toán</li> <li>Lập trình</li> <li>Mạng</li> </ol>
Một trong số đó không bắt đầu từ mặc định 1. Chúng ta đã đặt giá trị khác bằng thuộc tính value:
<ol> <li value="5">Cà phê</li> <li>Kế toán</li> <li>Lập trình</li> <li>Mạng</li> </ol>