HTML5中min="18"仅提供前端提示与基础校验，无法强制年龄≥18，须配合JavaScript即时反馈及后端二次验证确保安全；可选max="120"提升数据合理性。

在HTML5中，可以通过 input 元素的 min 和 max 属性限制年龄输入范围，但需注意：仅靠属性无法真正“强制”用户必须满18岁——它只提供基础校验和浏览器提示，仍需配合JavaScript或后端验证确保安全。

设置 min="18" 限定最小年龄

将 input 的 type 设为 number，并设置 min="18"，可阻止用户输入小于18的数字（部分浏览器会禁用向下箭头、提交时弹出提示）：

可选：添加 max 限制最大合理年龄

防止异常大值（如999），提升数据合理性。例如设上限为120：

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 用户输入17时，Chrome/Firefox会在提交时显示“请输入不小于18的值”
• 输入121会被拒绝（若同时设了 max）
• 空值或非数字输入（如“abc”）也会被 required 和类型约束拦截

重要提醒：前端限制不能替代后端验证

用户可轻易禁用JS、修改HTML或绕过表单直接发请求。因此必须在服务端再次校验年龄 ≥ 18：

• 前端只是体验优化，不是安全机制
• 建议同时用 JavaScript 做即时反馈（如输入
• 若业务强依赖年龄（如注册、支付），应结合身份证号解析或实名认证接口确认真实年龄

增强可用性的补充建议

提升用户填写体验，减少误操作：

• 加上 step="1" 防止小数（如18.5），明确只接受整岁
• 用 placeholder="例如：25" 给出示例
• 搭配 label 提升可访问性：年龄（须满18周岁）

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！