วิธาใช้ Input Type Month ใน HTML

บทนำ

ใช้ <input type="month"> สำหรับเลือกเดือนและปี จะแสดง Date Picker แบบเดือน/ปี

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Input Month</title>
  </head>
  <body>
    <form action="" method="get">
      รายละเอียด:<br><br>
      ชื่อนักเรียน<br>
      <input type="text" name="sname"><br>
      เดือนและปีเกิด<br>
      <input type="month" name="bmonth"><br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

รูปแบบค่า

• รูปแบบ: YYYY-MM (เช่น 2024-03)
• ไม่มีวันในค่า

แอตทริบิวต์เสริม

• min - เดือนต่ำสุด (เช่น "2000-01")
• max - เดือนสูงสุด (เช่น "2024-12")
• step - ช่วงเดือน (default 1)
• readonly, disabled, required

การรองรับเบราว์เซอร์

รองรับใน Chrome, Edge, Safari, Opera ไม่รองรับใน Firefox และ IE