在写前端时,有一个小功能就是要限制一下 input 输入框输入内容的长度,下面就提供一种简单的方法。

input maxlength 属性

input 的 maxlength 属性可以限制 input 输入内容的长度,其用法也非常的简单。

语法:

<input maxlength="number">

参数:number 设置的内容最大长度

input 输入长度限制的方法

例1:

<!--输入最大的长度为10-->
<input type="text" name="" maxlength="10" id="">

例2:

<!--输入最大的长度为5-->
<input type="text" name="" maxlength="5" id="">