HTML中maxlength属性

HTML的maxlength属性决定了一个输入框中最多可以输入的字符数。这个属性可以应用于<input>、<textarea>和<select>标签。它是一个数字类型的属性，其值可以是任何正整数。

使用maxlength属性可以确保用户不会输入过多的字符，或者是为了限制字符数而设置。

用法

用于<input>标签

maxlength属性可以用于所有类型的<input>标签中，包括文本、密码、邮箱、电话等类型。

用于<textarea>标签

maxlength属性同样适用于<textarea>标签。当用户在文本框中输入时，它会显示一个计数器，显示用户还可以输入的字符数。

用于<select>标签

maxlength属性同样适用于<select>标签中，但是它必须与size属性一起使用。在这种情况下，maxlength决定了在<select>中仅可以选择的项目数，而不是字符数。

示例

<input type="text" maxlength="20">

上面的代码定义一个文本输入框，最多只能输入20个字符。

<textarea maxlength="200"></textarea>

上面的代码定义了一个文本区域，最多可以输入200个字符。在文本框下方会显示一个计数器，显示用户还可以输入的字符数。

<select size="3" maxlength="3">
  <option>Apple</option>
  <option>Banana</option>
  <option>Orange</option>
  <option>Pineapple</option>
</select>

上面的代码定义了一个下拉列表，最多可以选择3个选项。

注意事项

• maxlength属性并没有限制用户在输入字段中粘贴的字符数；
• 对于中文或其他Unicode字符，maxlength属性不能确保限制字符数量的精确性；
• maxlength属性必须与输入验证（如防止SQL注入等）一起使用。

参考链接：

• HTML maxlength 属性