Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แอตทริบิวต์ min ของ HTML <meter>

แอตทริบิวต์ 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 ฯลฯ