为何HTMLInputElement的maxLength默认返回-1？

首先纠正一个误解：WHATWG HTML规范明确定义了maxLength和minLength的默认行为，并非无相关说明。

核心逻辑：用-1表示「无长度限制」 #

maxLength（以及minLength）的设计是用数值统一处理长度限制规则：

• 默认值-1代表不对输入内容的长度做任何限制，这是文本输入框的原生默认状态。
• 当设置为非负整数时，才会触发对应的长度校验。

这种设计的优势在于：

• 统一使用数值类型，避免了undefined/null与数值混合带来的类型判断复杂度，更符合JS API的设计习惯。
• -1作为特殊的「哨兵值」语义清晰，所有浏览器厂商都严格遵循该规范实现，因此表现完全一致。

移除HTML属性后仍返回-1的原因 #

当你通过开发者工具手动移除maxlength属性时，DOM元素的maxLength属性会重置为规范定义的默认值-1，而非undefined。这是因为：

• HTML属性（标记中的maxlength="2"）和DOM属性（JS中的inputElement.maxLength）是绑定但独立的两个概念：HTML属性是元素的初始声明，DOM属性是JS操作的对象属性。
• 当HTML属性被移除时，对应的DOM属性会恢复到规范规定的默认值，而非变为undefined。类似的例子还有input.value——移除value属性后，它会返回空字符串而非undefined。

规范细节补充 #

根据WHATWG HTML标准：

• maxLength的合法取值为「-1 或 ≥0的整数」，默认值固定为-1。
• 当通过JS设置inputElement.maxLength = 2时，DOM属性会同步更新对应的HTMLmaxlength属性；反之，移除HTMLmaxlength属性时，DOM属性会自动重置为默认的-1。

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