HTML | DOM Input Month max 属性

max 属性定义了 input 元素中的月份输入字段的最大合法值。它可以用于限制用户选择的日期范围。

语法

<input type="month" max="YYYY-MM">

• type="month"：指定输入字段为月份类型。
• max="YYYY-MM"：设置月份的最大合法值，格式为 YYYY-MM。

示例

<label for="birthday">选择出生日期：</label>
<input type="month" id="birthday" name="birthday" max="2003-12" required>

在上面的示例中，输入字段类型为月份（type="month"），并设置了 max 属性为 "2003-12"。这意味着用户只能选择 2003 年 12 月或之前的日期。

注意事项

• max 属性值必须符合 YYYY-MM 的格式，其中 YYYY 是四位数的年份，而 MM 是两位数的月份。
• 如果用户选择的日期超过了 max 属性所定义的最大值，则输入字段将被标记为无效。

浏览器兼容性

max 属性在大多数现代浏览器中都得到了支持，包括 Chrome、Firefox、Safari 和 Edge。

然而，旧版的 Internet Explorer（IE）不支持该属性。

总结

max 属性用于限制用户在月份输入字段中选择的最大日期。它是帮助开发者确保用户选择的日期在预期范围内的一种有用工具。正确使用该属性可以提升用户体验并减少错误输入。

注意，尽管 max 属性可以在前端进行验证，但仍应在后端进行验证，以防止任何恶意数据提交或绕过前端验证的情况发生。