แอตทริบิวต์ min ขององค์ประกอบ <meter> ใช้กำหนด ขอบเขตล่าง (lower bound) ของ meter element องค์ประกอบ <meter> ใช้แสดงค่าที่มีช่วงกำหนด (เช่น ระดับสิ่งปนเปื้อนน้ำ, การใช้หน่วยความจำ) โดยใช้ min และ max กำหนดช่วง
ไวยากรณ์ (Syntax)
ค่า min ต้องน้อยกว่า max เสมอ ค่าเริ่มต้นคือ 0
<meter min="num">
num คือตัวเลขทศนิยมที่ตั้งค่า min attribute
ตัวอย่างการใช้งาน
<!DOCTYPE html> <html> <body> <h2>ระดับน้ำ</h2> <p>ระดับสิ่งปนเปื้อน <meter min="0" low="50" high="95" max="100" value="85"></meter></p> <p>ระดับ TDS <meter min="0" low="20" high="80" max="100" value="60"></meter></p> </body> </html>
ผลลัพธ์
แสดง meter bars 2 แถบ พร้อมค่า min=0 สำหรับทั้งคู่
คำอธิบายโค้ด
<meter min="0" low="50" high="95" max="100" value="85">— min=0, low=50, high=95, max=100, ค่าปัจจุบัน=85<meter min="0" low="20" high="80" max="100" value="60">— min=0, low=20, high=80, max=100, ค่าปัจจุบัน=60
แอตทริบิวต์ทั้งหมดของ <meter>:
| แอตทริบิวต์ | คำอธิบาย |
|---|---|
min | ค่าต่ำสุด (ค่าเริ่มต้น 0) |
max | ค่าสูงสุด (ค่าเริ่มต้น 1) |
value | ค่าปัจจุบัน (จำเป็น) |
low | เกณฑ์ค่าต่ำ |
high | เกณฑ์ค่าสูง |
optimum | ค่าที่เหมาะสมที่สุด |
การเข้าถึงด้วย JavaScript: ใช้ meterElement.min, .max, .value ฯลฯ