HTML | DOM 输入月份 defaultValue 属性(1)

📌 相关文章

📜 HTML | DOM 输入月份 defaultValue 属性(1)

📅 最后修改于: 2023-12-03 15:31:14.455000 🧑 作者: Mango

HTML | DOM 输入月份 defaultValue 属性

HTML | DOM 中的输入月份元素是一种让用户选择年份和月份的表单元素。 defaultValue 属性用于设置元素初始显示的默认月份值。

语法

element.defaultValue = date;

其中，element 表示输入月份元素，date 为字符串类型的日期值，格式为 yyyy-mm，表示默认的年份和月份。

实例

下面的代码片段演示了如何使用 defaultValue 属性设置输入月份元素的默认显示值：

<!DOCTYPE html>
<html>
<body>

<form>
  <label for="month">选择月份:</label>
  <input type="month" id="month" name="month" defaultValue="2022-03"><br><br>

  <input type="submit" value="提交">
</form> 

<script>
window.onload = function() {
  var input = document.getElementById("month");
  alert("默认月份值: " + input.defaultValue);
}
</script>

</body>
</html>

在上面的代码中，我们创建了一个输入月份元素，并将其默认值设置为 2022 年 3 月。页面加载完成后，使用 JavaScript 获取元素的 defaultValue 属性值，并将其弹窗显示出来。

注意事项

defaultValue 属性不会改变元素的 value 属性值。它只是指定了元素初始渲染时的默认值。
如果用户手动更改了输入月份的值，defaultValue 属性也不会被修改。如果需要获取用户更改后的值，应该使用 value 属性。
defaultValue 属性值必须是字符串类型的日期值。如果输入了错误的格式，元素将显示为空。