HTML 属性:max
max
属性定义了包含该属性的输入可接受和有效的最大值。如果元素的value
大于此值,则元素将无法通过验证。此值必须大于或等于min
属性的值。如果 max
属性存在但未指定或无效,则不应用任何 max
值。如果 max
属性有效且非空值大于 max
属性允许的最大值,则约束验证将阻止表单提交。
对数字输入类型有效,包括日期、月份、星期、时间、日期时间本地、数字 和 范围 类型,以及<progress>
和<meter>
元素,max
属性是一个数字,它指定表单控件要被视为有效的最正值。
如果值超过允许的最大值,则validityState.rangeOverflow
将为 true,并且控件将与:out-of-range
和:invalid
伪类匹配。
语法
输入类型 | 语法 | 示例 |
---|---|---|
日期 | yyyy-mm-dd |
<input type="date" max="2019-12-25" step="1"> |
月份 | yyyy-mm |
<input type="month" max="2019-12" step="12"> |
星期 | yyyy-W## |
<input type="week" max="2019-W23" step=""> |
时间 | hh:mm |
<input type="time" max="17:00" step="900"> |
本地日期时间 | yyyy-mm-ddThh:mm |
<input type="datetime-local" max="2019-12-25T23:59"> |
数字 | <number> | <input type="number" min="0" step="5" max="100"> |
范围 | <number> | <input type="range" min="60" step="5" max="100"> |
注意:当用户输入的数据不符合设置的最大值时,该值在约束验证中被视为无效,并将匹配:invalid
和:out-of-range
伪类。
有关更多信息,请参阅客户端验证和rangeOverflow
。
对于<progress>
元素,max
属性描述了progress
元素指示的任务需要完成多少工作。如果存在,则必须大于零且为有效的浮点数。对于<meter>
元素,max
属性定义了测量范围的上限。如果指定了最小值(min
属性),则此值必须大于最小值。在这两种情况下,如果省略,则默认值为 1。
输入类型 | 语法 | 示例 |
---|---|---|
<progress> |
<number> | <progress id="file" max="100" value="70"> 70% </progress> |
<meter> |
<number> | <meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter> |
无障碍问题
提供说明以帮助用户了解如何填写表单并使用各个表单控件。指示任何必填和可选输入、数据格式以及其他相关信息。使用max
属性时,请确保用户了解此最大值要求。在<label>
中提供说明可能就足够了。如果在标签之外提供说明(这允许更灵活的定位和设计),请考虑使用aria-labelledby
或aria-describedby
。
规范
规范 |
---|
HTML 标准 # attr-input-max |
HTML 标准 # attr-meter-max |
HTML 标准 # attr-progress-max |
浏览器兼容性
html.elements.input.max
BCD 表格仅在浏览器中加载
html.elements.meter.max
BCD 表格仅在浏览器中加载
html.elements.progress.max
BCD 表格仅在浏览器中加载