js以表单输出年月日

在JavaScript中，可以通过下面的代码以表单的形式输出年月日。

首先，在HTML文件中，我们需要创建一个表单元素，包含一个文本输入框用于输入年份，两个下拉菜单分别用于选择月份和日期。代码如下：

<form>
  <input type="text" id="yearInput" placeholder="请输入年份">
  <select id="monthSelect">
    <option value="01">1月</option>
    <option value="02">2月</option>
    ...
    <option value="12">12月</option>
  </select>
  <select id="daySelect"></select>
  <button type="button" onclick="outputDate()">输出日期</button>
</form>

接下来，在JavaScript代码中，我们需要编写一个函数用于输出选择的年月日。在该函数中，可以通过获取表单元素的值，拼接成最终的日期字符串，并在控制台或其他适当的位置进行输出。代码如下：

function outputDate() {
  var year = document.getElementById("yearInput").value;
  var month = document.getElementById("monthSelect").value;
  var day = document.getElementById("daySelect").value;

  var date = year + "-" + month + "-" + day;
  console.log(date);
}

以上代码中，我们首先通过`document.getElementById()`方法获取到对应的表单元素，然后使用`.value`属性获取其值。接着，将年、月、日拼接成字符串，存储在`date`变量中。最后，使用控制台的`console.log()`方法输出日期字符串。

需要注意的是，上述代码中只是一个简单的示例，具体的界面设计和功能实现可能需要根据项目需求进行调整。