HTML <input> แอตทริบิวต์สูงสุด

คุณลักษณะสูงสุดขององค์ประกอบ ใช้เพื่อตั้งค่าสูงสุดสำหรับ ทั้งค่าต่ำสุดและค่าสูงสุดใช้เพื่อกำหนดช่วงของค่าสำหรับองค์ประกอบอินพุตที่มีหมายเลขประเภท วันที่ วันที่เวลา ช่วง ฯลฯ ซึ่งนำมาใช้ใน HTML5

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ man ขององค์ประกอบ ในที่นี้เราได้ตั้งค่าสูงสุดเป็น 10 ดังนั้นผู้ใช้จึงไม่สามารถป้อน 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>

ผลลัพธ์

HTML input แอตทริบิวต์สูงสุด

ในตัวอย่างข้างต้น เราได้สร้างแบบฟอร์มที่มีช่องและปุ่ม -

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

แอตทริบิวต์ max ถูกตั้งค่าสำหรับหมายเลขประเภทการป้อนข้อมูล id ค่าสูงสุดถูกกำหนดเป็น 10 ดังนั้นผู้ใช้จะไม่สามารถป้อนค่ามากกว่า 10 ได้ −

Id − <input type="number" name="id" min="1" max="10">

HTML แอตทริบิวต์สูงสุด

ตัวอย่าง

ผลลัพธ์