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

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

แอตทริบิวท์ value ขององค์ประกอบ <meter> ระบุค่าปัจจุบันของเกจ (gauge) นี่เป็นแอตทริบิวท์ที่จำเป็น

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

<meter value="num">

โดย num แทนค่าปัจจุบันเป็นตัวเลขทศนิยม

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>ผลลัพธ์</h2>
  <p>ร้อยละผู้หญิงผ่าน <meter min="0" low="0" high="100" max="100" value="80"></meter></p>
  <p>ร้อยละผู้ชายผ่าน <meter min="0" low="0" high="100" max="100" value="70"></meter></p>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าร้อยละผู้ผ่านของผู้หญิงและผู้ชายโดยใช้องค์ประกอบ <meter> ค่าปัจจุบันถูกตั้งค่าผ่านแอตทริบิวท์ value:

ร้อยละผู้ชายผ่าน <meter min="0" low="0" high="100" max="100" value="70"></meter>