- 可以让你容易地创建一个方便输入年份或月份的一个 <input>。
|
属性 |
说明 |
|
value |
DOMString 表示输入输入的月份和年份的值，格式为 YYYY-MM。 此输入类型使用的月份字符串的格式在 HTML 中使用的日期和时间格式中的有效本地月份字符串的格式中进行了描述。 可以设置一个默认的属性值插入到 value 里 |
|
max |
要接受的最新年份和月份，采用上面“值”部分中讨论的字符串格式。如果输入到元素中的值超过此值，则元素无法通过约束验证 (en-US)。如果 max 属性的值不是“yyyy-MM”格式的有效字符串，则该元素没有最大值。 此值必须指定晚于或等于 min 属性指定的年月配对 |
|
min |
接受的最新年份和月份，采用上述相同的“yyyy-MM”格式。如果元素的值小于此值，则元素无法通过约束验证 (en-US)。如果为 min 指定的值不是有效的年月字符串，则输入没有最小值。 此值必须是早于或等于 max 属性指定的年月配对 |
|
readonly |
一个布尔属性，如果存在，则表示该字段不能由用户编辑 注 因为只读字段不能有值，所以 required 对同时指定了 readonly 属性的输入没有任何影响 |
|
step |
对于月份输入，step 的值以月份为单位，比例因子为 1（因为基础数值也以月份为单位）。 step 的默认值为 1 个月。 |
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <label for="bday-month">What month were you both in?</label> <input id="bday-month" type="month" name="bday-month"> </form> </body>
</html> |
浏览器运行结果如下：
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/month>