แอตทริบิวต์ min ใน HTML

แอตทริบิวต์ min ใน HTML ใช้กำหนด ค่าต่ำสุด ของ element สามารถใช้กับ <meter> และ <input> ได้

ตัวอย่าง 1: min กับ <meter>

<!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>

ตัวอย่าง 2: min กับ <input> (type=date)

<!DOCTYPE html>
<html>
<body>
<h2>รายละเอียดผู้เล่นพร้อมวันที่รายงาน</h2>
<form>
  <p>นี่คือ <ins>รายละเอียดพร้อม <ins>วันที่รายงาน</ins></ins>:</p>
  <fieldset>
    <legend>รายละเอียดใหม่:</legend>
    นักคริกเก็ต: <input type="text"><br>
    อันดับ: <input type="number"><br>
    อีเมล: <input type="email"><br>
    วันที่รายงาน: <input type="date" name="reporting" min="2019-05-05">
  </fieldset>
</form>
</body>
</html>

ผลลัพธ์

ตัวอย่าง 1: Meter bars 2 แถบ min=0 ทั้งคู่

ตัวอย่าง 2: Date picker จะไม่ให้เลือกวันที่ก่อน 2019-05-05 หากพยายามเลือก จะแสดงข้อความแจ้งเตือน/บล็อกการเลือก

Element ที่รองรับ min attribute

คู่กับ: max (ค่าสูงสุด) และ step (ขนาดขั้นตอน) — ใช้ร่วมกันเพื่อกำหนดช่วงและขั้นตอนค่าที่ถูกต้อง

การเข้าถึงด้วย JavaScript: element.min (คืนค่า string), element.max, element.step