以下是一个简单的例子，演示如何在 HTML 和 JavaScript 中使用月份选择框：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>月份选择框示例</title>
</head>
<body>
<label for="monthInput">选择月份:</label>
<input type="month" id="monthInput">
<button onclick="displaySelectedMonth()">显示选择的月份</button>
<script>
function displaySelectedMonth() {
// 获取月份选择框的值
var monthInput = document.getElementById('monthInput');
var selectedMonth = monthInput.value;
// 显示选择的月份
alert("选择的月份是: " + selectedMonth);
}
</script>
</body>
</html>
在这个例子中，我们创建了一个包含月份选择框和一个按钮的简单 HTML 页面。当用户选择月份并点击按钮时，JavaScript 函数 displaySelectedMonth 获取输入框的值，并通过 alert 函数显示选择的月份。
请注意，type="month" 的输入框的值是一个字符串，表示为 "YYYY-MM" 格式，其中 "YYYY" 是年份，"MM" 是月份。你可以根据需要对这个字符串进行解析和处理。
转载请注明出处：http://www.zyzy.cn/article/detail/6213/JavaScript 和 HTML DOM