แอตทริบิวต์ min ขององค์ประกอบ ใช้เพื่อตั้งค่าต่ำสุดสำหรับ ทั้งค่าต่ำสุดและค่าสูงสุดใช้เพื่อกำหนดช่วงของค่าสำหรับองค์ประกอบอินพุตที่มีหมายเลขประเภท วันที่ วันที่เวลา ช่วง ฯลฯ ซึ่งนำมาใช้ใน HTML5
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ min ขององค์ประกอบ ในที่นี้เราได้ตั้งค่า min เป็น 1 ดังนั้นผู้ใช้จึงไม่สามารถป้อน ID ที่น้อยกว่า 1−
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Log in to your account</h2> <form action="" method="get"> Id: <input type="number" name="id" min="1" max="10"><br> Password: <input type="password" name="pwd"><br> DOB: <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> Password: <input type="password" name="pwd"><br> DOB: <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Submit</button> </form>
แอตทริบิวต์ min ถูกตั้งค่าสำหรับหมายเลขประเภทการป้อนข้อมูล id ค่าต่ำสุดถูกกำหนดเป็น 1 ดังนั้นผู้ใช้จะไม่สามารถป้อนค่าที่น้อยกว่า 1−
Id: <input type="number" name="id" min="1" max="10">