不生效。HTML规范明确step属性对type="month"无效，浏览器会忽略它；因其值为"YYYY-MM"字符串格式，非数值型，W3C未定义其step解析规则；需用JavaScript配合min/max及日期解析实现步长控制。
step 属性在 input type="month" 中是否生效？
不生效。HTML 规范明确指出：step 属性对 type="month" 无效，浏览器会忽略它。你写 <input type="month" step="3">，实际仍允许选择任意月份，不会跳过 2 个月只留 1 月、4 月、7 月、10 月。
为什么 step 对月份不起作用？
因为 type="month" 的值格式是 "YYYY-MM"，属于字符串型控件，而非数值型（如 type="number" 或 type="date" 的内部时间戳逻辑）。W3C 标准未定义该类型下 step 的解析规则，主流浏览器（Chrome、Firefox、Safari）均按“忽略”处理。
替代方案：用 min/max + JavaScript 约束可选月份
要实现“每 3 个月一选”，必须靠 JS 主动拦截和校验。常见做法：
- 监听
input或change事件，用new Date(value + "-01")解析月份，检查getMonth() % 3 === 0 - 配合
min和max缩小初始可选范围（例如min="2024-01" max="2024-12"），但它们本身不控制步长 - 用户输入非法月份时，主动重置
value并提示（如设为最近的合法月份："2024-01"→"2024-04"）
示例逻辑片段：
立即学习“前端免费学习笔记（深入）”；
<input type="month" id="quarterMonth">
<script>
const input = document.getElementById("quarterMonth");
input.addEventListener("change", () => {
const d = new Date(input.value + "-01");
const month = d.getMonth(); // 0-indexed
const nearestValid = Math.round(month / 3) * 3;
if (month !== nearestValid) {
const year = d.getFullYear();
const validMM = String(nearestValid + 1).padStart(2, "0");
input.value = `${year}-${validMM}`;
}
});
</script>
注意 Safari 的兼容性陷阱
Safari 直到 iOS 16.4 / macOS Ventura 13.3 才支持 type="month"，更早版本会退化为普通文本框，且无原生月份选择器。若需全平台稳定控制步长，建议放弃原生控件，改用轻量级日历组件（如 flatpickr）并自定义月份粒度渲染逻辑——否则你写的 JS 校验，在 Safari 文本输入场景下可能完全失效。
