HTML5 input 类型 month

类型为 month 的 <input> 可以让你容易地创建一个方便输入年份或月份的一个 <input>。


实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>
  5. 根据浏览器支持:<br>
  6. 当您填写输入字段时会弹出日期选择器。
  7. </p>
  8. <form action="/example/html/action_page.aspx">
  9. 生日(月和年):
  10. <input type="month" name="bdaymonth">
  11. <input type="submit">
  12. </form>
  13. <p><b>注释:</b>Firefox 或者
  14. Internet Explorer 11 以及更早版本不支持 type="month"。</p>
  15. </body>
  16. </html>

浏览器支持

表格中的数字注明了完全支持该选择器的首个浏览器版本。

类型
month20.0NoNoNo11

定义与用法

<input type="month"> 允许用户选择月份和年份。

根据浏览器支持,日期选择器会出现输入字段中。

对于那些使用不支持的浏览器的用户,Chrome / Opera月份控制如下图所示。单击右侧的向下箭头会显示日期选择器,以便您选择日期;你必须手动输入时间。

Edge的 month 看起来像这样的:


分类导航