HTML5 input 类型 week

<input> 类型为 week 的元素会创建输入字段,以便轻松输入年份以及该年(即第1周到52 or 53周)的第几周。


实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>
  5. 根据浏览器支持:<br>
  6. 当您填写输入字段时会弹出日期选择器。
  7. </p>
  8. <form action="/example/html/action_page.aspx">
  9. Select a week:
  10. <input type="week" name="year_week">
  11. <input type="submit">
  12. </form>
  13. <p><b>注释:</b>
  14. Internet Explorer 不支持 type="week"。</p>
  15. </body>
  16. </html>

浏览器支持

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

类型
week20NoNoNo11

定义与用法

<input type="week"> 允许用户选择周和年。

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


显示方式

在Chrome / Opera中,在week控件提供了用于填写周和年值的插槽,弹出式日历界面(可以更直观地选择它们)以及“ X”按钮以清除控件的值。

Edge的week控制更加精细,使用滚动的滚轮打开周和年的选择器。

分类导航