- <input type="week"> 会创建输入字段,以便轻松输入年份以及该年(即第 1 周到第 52 或 53 周)的 ISO 8601 星期数
属性 |
说明 |
value |
一个字符串代表所输入的星期/年的值。HTML 中使用的日期与时间格式 中的 合法的星期字符串中描述了此输入类型使用的日期和时间值的格式 |
max |
接受以上值部分中讨论的字符串格式的按时间最新年份和星期数。如果输入到该元素中的 value 超过此值,则元素将无法通过约束验证。 如果 max 属性的值不是有效的星期字符串,则该元素没有最大值。
此值必须大于或等于 min 属性指定的年和星期。 |
min |
最早接受的年和星期数。如果输入到该元素中的 value 小于此值,则该元素将无法通过约束验证。如果 min 属性的值不是有效的星期字符串,则输入没有最小值。
该值必须小于或等于 max 属性的值。 |
readonly |
布尔属性值,如果存在,说明此字段不能由用户编辑 |
step |
step 属性指定了值必须满足的粒度,或者是下文描述的特殊值 any。值必须满足基础的步进值,才有效。如果指定了 min 属性,则由 min 属性决定,否则,使用 value 属性的值,如果上述两个值都不存在,则提供适当的默认值。
字符串值 any 意味着不使用步进值,任意值都可以接受(除其他制约因素如 min 或 max 之外)。
注 当用户输入的数据不符合步进配置时,用户代理可能会四舍五入到最近的有效值,当有两个同样接近的选项时,更倾向于正方向的数字。
对于 week 输入,step 的值以周为单位,比例因子为 604,800,000(因为基础数值以毫秒为单位)。step 的默认值为 1,表示 1 周。默认的步进基数是-259,200,000,这是 1970 年第一周的开始("1970-W01") |
示例
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <label for="week">What week would you like to start?</label> <input id="week" type="week" name="week" /> </form> </body>
</html> |
浏览器运行结果如下:
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/week>