📜  HTML | DOM Input Month min 属性(1)

📅  最后修改于: 2023-12-03 14:41:47.904000             🧑  作者: Mango

HTML | DOM Input Month min 属性

HTML中的DOM Input Month min属性用于指定input元素的最小可选日期值。当设置了min属性后,输入框内只能选取min属性所指定的日期后的日期值。

语法
<input type="month" min="yyyy-MM">
属性值
  • yyyy-MM: 所指定的日期值,格式为年-月。例如: 2022-10。
实例
<label for="choose-month">请选择一个月份:</label>
<input type="month" id="choose-month" name="choose-month" min="2022-10" value="2022-10">

在上述代码中,我们创建了一个日期输入框,在输入框中只能选择2022年10月或者之后的月份。这里设置了输入框的默认值为2022年10月。

浏览器支持

所有主流浏览器均支持该属性。

总结

通过使用min属性,我们可以限制input元素中日期的选择范围,通过此功能可以有效地避免用户对不合法的日期进行选择,提升用户体验。