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

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

แอตทริบิวท์ min ขององค์ประกอบ <input> ใช้สำหรับตั้งค่าค่าต่ำสุดสำหรับ <input> ทั้ง min และ max ใช้ร่วมกันเพื่อตั้งค่าช่วงค่าสำหรับองค์ประกอบ input ที่มี type เป็น number, date, datetime, range ฯลฯ ถูกนำมาใช้ใน HTML5

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>เข้าสู่ระบบบัญชี</h2>
  <form action="" method="get">
    ID: <input type="number" name="id" min="1" max="10"><br>
    รหัสผ่าน: <input type="password" name="pwd"><br>
    วันเกิด: <input type="date" name="dob" autofocus><br>
    <button type="submit" value="Submit">Submit</button>
  </form>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้สร้างฟอร์มพร้อมฟิลด์บางส่วนและปุ่ม:

<form action="" method="get">
  ID: <input type="number" name="id" min="1" max="10"><br>
  รหัสผ่าน: <input type="password" name="pwd"><br>
  วันเกิด: <input type="date" name="dob" autofocus><br>
  <button type="submit" value="Submit">Submit</button>
</form>

แอตทริบิวท์ min ถูกตั้งค่าสำหรับ input ประเภท number ของ ID ค่าต่ำสุดถูกตั้งเป็น 1 ดังนั้นผู้ใช้จะไม่สามารถป้อนค่าน้อยกว่า 1 ได้:

ID: <input type="number" name="id" min="1" max="10">