HTML表单通过maxlength和minlength属性限制输入长度，前者控制最大字符数，后者设定最小字符数，均适用于input和textarea元素；结合pattern可实现格式与长度双重验证，如8-16位字母数字组合；textarea同样支持长度限制；这些原生属性无需JavaScript即可完成基础验证，但需注意旧浏览器兼容性，必要时辅以JS增强。

HTML表单中限制输入内容的长度，主要通过设置 maxlength 和 minlength 属性来实现。这两个属性可以直接在 input、textarea 等表单元素上使用，用于控制用户输入字符的最大和最小数量。

1. 使用 maxlength 限制最大输入长度

maxlength 属性规定用户最多可以输入的字符数。一旦达到该数值，用户将无法继续输入。

示例：

上面代码表示用户名最多只能输入10个字符，包括字母、数字、汉字和符号（一个汉字通常算作一个字符）。

2. 使用 minlength 设置最小输入长度

minlength 属性用于设定输入内容的最小字符数。如果用户输入少于该值，在提交表单时会提示错误（需配合表单验证使用）。

立即学习“前端免费学习笔记（深入）”；

示例：

当用户输入少于6位密码并尝试提交表单时，浏览器会自动提示“请填写此字段”或类似信息。

dmap-jsapi-skill

DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

3. 结合 pattern 实现更复杂的长度与格式验证

对于需要同时控制长度和格式的场景（如手机号、身份证号），可结合 pattern 属性使用正则表达式。

示例：限制为8-16位字母数字组合

这样既限制了长度，又确保内容只包含字母和数字。

4. textarea 的长度限制

对于多行文本输入框（textarea），同样支持 maxlength 和 minlength。

示例：

这可以有效防止用户提交过长或过短的评论内容。

基本上就这些。使用 maxlength 和 minlength 是最简单直接的方式，无需 JavaScript 就能完成基础的长度控制，适合大多数常规表单场景。注意这些属性只在现代浏览器中生效，若需兼容旧版本或增强体验，可辅以 JS 验证。