HTML | DOM 输入月份表单属性

在 HTML 中，我们经常需要使用表单元素来收集用户的输入信息。其中，月份是一个常见的输入信息类型。在 HTML 中，我们可以使用 <input> 元素来表示月份输入表单，同时使用 type 属性来指定其输入类型为 month。

语法

<form>
  <label for="monthInput">请选择月份：</label>
  <input type="month" id="monthInput" name="month">
  <input type="submit" value="提交">
</form>

在上述代码中，我们定义了一个包含月份输入表单的表单元素。其中，<label> 元素用于标注该表单元素，for 属性指定该标注元素的 id 与输入表单元素的 id 相互对应，以便于用户点击标注元素时，聚焦到对应的输入表单元素。<input> 元素的 type 属性值为 month，用于指定该输入表单元素的输入类型为月份。<input> 元素的 id 属性用于标识该输入表单元素，方便于 JavaScript 代码访问该元素的值。<input> 元素的 name 属性用于指定该表单元素的名称，方便于在表单提交时，服务器端获取该表单元素的值。

JavaScript 访问

使用 JavaScript 代码访问月份输入表单的值，可以使用以下方式：

const monthInput = document.getElementById("monthInput");
const monthValue = monthInput.value;

在上述代码中，我们使用 document.getElementById 方法获取月份输入表单元素，并使用其 value 属性获取其值。该值为字符串类型，格式为 yyyy-MM，例如 2021-07 表示 2021 年 7 月。