HTML输入年份，月份，日期，点击按钮输出下一天的日期

在HTML中创建一个表单来获取用户的年份、月份和日期，并允许用户点击按钮查看下一天的日期，可以按照以下步骤进行：

1. 首先，在HTML中创建表单元素，包括三个`<input>`标签分别用于输入年份、月份和日期，以及一个`<button>`标签作为提交按钮：

<form id="dateForm">
  <label for="year">年份:</label>
  <input type="number" id="year" name="year" required>

  <label for="month">月份(01-12):</label>
  <input type="number" id="month" name="month" min="1" max="12" required>

  <label for="day">日期(01-31):</label>
  <input type="number" id="day" name="day" min="1" max="31" required>

  <button type="submit">获取下一天</button>
</form>

2. 接下来，在JavaScript中添加事件监听器来处理表单提交。当用户点击按钮时，获取用户输入的日期，计算下一天的日期，并显示结果：

document.getElementById('dateForm').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止表单默认提交

  const year = parseInt(document.getElementById('year').value);
  const month = parseInt(document.getElementById('month').value);
  const day = parseInt(document.getElementById('day').value);

  // 使用JavaScript内置Date对象来操作日期
  const today = new Date(year, month - 1, day); // 减一是因为月份是从0开始计数的
  const tomorrow = new Date(today);
  tomorrow.setDate(tomorrow.getDate() + 1); // 加一天

  // 显示结果（假设是另一个输入框或弹出提示）
  document.getElementById('outputDate').value = tomorrow.toDateString();
});

3. 最后，在页面上添加一个展示下一天日期的输出区域（如`<input>`标签的id为`outputDate`）：

<label for="outputDate">下一天的日期:</label>
<input type="text" id="outputDate" readonly>

这样，当用户填写并提交日期后，就会看到下一天的日期。