如何在HTML中使用年份输入类型？

HTML中使用<input type =“ month”>的月份输入类型。使用此功能，允许用户选择月份和年份。但是，如果您只想显示年份弹出窗口怎么办？好吧，年份输入类型不可用。

要使用年份输入类型，我们将使用jQuery添加datepicker。与文本输入类型一起使用。运行该程序时，只有年份可见。

您可以尝试运行以下代码，以了解如何使用输入类型设置年份

示例

<html>
   <head>
      <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
      </script>
      <script type="text/javascript">
         $(function() {
            $( "#date" ).datepicker({dateFormat: 'yy'});
         });
      </script>
   </head>
   <body>
      <form action = "" method = "get">
         Details:<br> <br>
         Student Name <br> <input type="name" name="sname"> <br>
         Year of Birth <br> <input type="text" id="date"> <br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

基础教程