คุณสมบัติ max ของ HTML <input>

คำอธิบายและวิธีใช้

max คุณสมบัตินี้กำหนดค่าสูงสุดของ element <input> ของคุณ

คำเตือน:นำ max คุณสมบัตินี้เป็น คุณสมบัติ min ใช้ร่วมกันสามารถสร้างขอบเขตค่าที่ถูกต้องได้

จำเป็นต้องทราบ:max และ min คุณสมบัตินี้ถูกใช้สำหรับประเภท input ต่อไปนี้:

  • number
  • range
  • date
  • datetime-local
  • month
  • time
  • week

ตัวอย่าง

ใช้คุณสมบัติ min และ max:

<form action="/action_page.php">
  <label for="datemax">โปรดใส่วันที่ก่อน 1980-01-01:</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>
  <label for="datemin">โปรดใส่วันที่หลังจาก 2000-01-01:</label>
  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>
  <label for="quantity">กรุณาป้อนจำนวน (1 ถึง 5):</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>
  <input type="submit">
</form>

ทดลองด้วยตัวเอง

ระบุรายละเอียด

<input max="number|date">

ค่าตัวแปร

ค่า คำอธิบาย
number กำหนดค่าสูงสุดที่อนุญาต
date กำหนดวันที่สุดที่อนุญาต

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางระบุอุปกรณ์แบบแบบแรกที่สนับสนุนคุณสมบัตินี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 10.0 16.0 5.1 10.6

max ตัวแปรคือคุณสมบัติใหม่ของแบบตัวอย่าง <input> ใน HTML5