<input type="month"> 允许用户选择年份和月份的输入字段。用户可以通过点击输入框旁边的下拉箭头来选择年份和月份。
属性
- name: 指定输入字段的名称。
- value: 设置或返回输入字段的值。
- disabled: 如果设置为 true，则禁用输入字段，用户无法编辑或提交该字段的值。
- readonly: 如果设置为 true，则输入字段为只读，用户无法编辑该字段的值。
- required: 如果设置为 true，则输入字段必须填写才能提交表单。
- min: 设置输入字段的最小值。
- max: 设置输入字段的最大值。
事件
- onchange: 当输入字段的值发生改变时触发该事件。
- oninput: 当用户输入内容时触发该事件。
- onfocus: 当输入字段获得焦点时触发该事件。
- onblur: 当输入字段失去焦点时触发该事件。
示例代码
<form> <label for="birthday">请选择生日:</label> <input type="month" id="birthday" name="birthday" min="2000-01" max="2025-12" required> <input type="submit" value="提交"> </form>
在上面的示例中，我们创建了一个表单，其中包含一个 type 为 "month" 的输入字段，用于选择生日。我们设置了最小值为 2000 年 1 月，最大值为 2025 年 12 月，并且设置为必填字段。
| 属性 | 描述 |
|---|---|
| autocomplete | 设置或返回 month 字段的 autocomplete 属性值 |
| autofocus | 设置或返回 month 字段在页面加载后是否自动获取焦点 |
| defaultValue | 设置或返回 month 字段默认的值 |
| disabled | 设置或返回 month 字段是否可用 |
| form | 返回使用 month 字段的表单引用 |
| list | 返回包含了 month 字段的 datalist 引用 |
| max | 设置或返回 month 字段的 max 属性值 |
| min | 设置或返回 month 字段的 min 属性值 |
| name | 设置或返回 month 字段的 name 属性值 |
| readOnly | 设置或返回 month 字段是否只读 |
| required | 设置或返回 month 字段在表单中是否为必填字段 |
| step | 设置或返回 month 字段的 step 属性值 |
| type | 返回 month 字段的表单元素类型 |
| value | 设置或返回 month 字段的 value 属性值 |