注册表单range滑块16岁及以上校验的HTML实现咨询

关于range控件max属性的说明 #

• HTML原生<input type="range">的max属性不支持设置为无限值，仅支持传入具体的数值，未显式设置时的默认值确实为100。
• 针对你「最大年龄无上限」的需求，实际开发中一般取一个覆盖绝大多数真实场景的大数值即可，比如设置为120（人类已知最高寿命也未超过这个数值，完全满足普通注册场景需求）。

符合需求的HTML代码 #

<input type="range" id="age" name="age" min="16" max="120" value="16">

特殊场景补充方案 #

如果确实需要兼容极个别超过120岁的用户，可以配套JavaScript做额外处理：比如当用户将滑块拖动到最大值时，自动弹出手动输入年龄的输入框，或者动态上调range控件的max值，最终提交校验只要判断年龄数值≥16即可。

内容的提问来源于stack exchange，提问作者Fearless