แอตทริบิวท์ value ของ <li> ใน HTML

แอตทริบิวท์ value ของ <li> ใน HTML

แอตทริบิวท์ value ขององค์ประกอบ <li> ใช้สำหรับตั้งค่าของรายการในลิสต์ เนื่องจากค่าเป็นตัวเลข จึงจะตั้งค่าได้เฉพาะสำหรับองค์ประกอบ <ol> ใน HTML นั่นคือรายการที่มีลำดับ (ordered list)

รูปแบบการใช้งานมีดังนี้:

<li value="num">

โดย num คือค่าของรายการใน ordered list

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>วิชาเรียน</h1>
  <p>วิชาเรียนดังต่อไปนี้ -</p>
  <ol>
    <li>คณิตศาสตร์</li>
    <li>วิทยาศาสตร์</li>
    <li>ภาษาอังกฤษ</li>
    <li>ภาษาฝรั่งเศส</li>
  </ol>
  <p>วิชาที่เหลือ -</p>
  <ol>
    <li value="5">กาแฟ</li>
    <li>บัญชี</li>
    <li>โปรแกรมมิ่ง</li>
    <li>เครือข่าย</li>
  </ol>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่ารายการที่มีลำดับสองรายการ:

<p>วิชาเรียนดังต่อไปนี้ -</p> <ol> <li>คณิตศาสตร์</li> <li>วิทยาศาสตร์</li> <li>ภาษาอังกฤษ</li> <li>ภาษาฝรั่งเศส</li> </ol> <p>วิชาที่เหลือ -</p> <ol> <li value="5">กาแฟ</li> <li>บัญชี</li> <li>โปรแกรมมิ่ง</li> <li>เครือข่าย</li> </ol>

หนึ่งในนั้นไม่ได้เริ่มจากค่าเริ่มต้น 1 เราได้ตั้งค่าที่แตกต่างกันโดยใช้แอตทริบิวท์ value:

<ol> <li value="5">กาแฟ</li> <li>บัญชี</li> <li>โปรแกรมมิ่ง</li> <li>เครือข่าย</li> </ol>