HTML中怎样判断出input标签输入框输入的实际字符的长度不是最长的？

html中并无法直接获取input的内容的长度，一般推荐您使用JS来配合计算。

<input type="text" id="username" onpropertychange="getlen()">

<input type="text" id="lennum" value="0">

<script>

function getlen(){

 document.getElementById('lennum').value=document.getElementById('username').value.length

}

</script>

效果如下：

获取到内容之后调用length就可以拿到字符长度

例如

var data = document.getElementById(“data”).value

var length = data.length

首先你要设定好文本框宽度，然后手动输入字符（最好用数字）来确定文本框有中能输入多少个数字。一个数字、一个英文字母 = 1个字节一个汉字 = 2个字节有了以上信息：我们就可以用js或jquery去获取文本框中的文本，计算文本框中有多少个字节。假设：文本框宽 = 30像素 实际可以写入10个数字也就是10个字节，多于10就超出文本框的款度。再假设文本框中输入：123abc字节数用js通进正则我们找出汉字个数 乘以 2 就是汉字所占的字节，加上非汉字的字符（全角符号也是2个字节），上例中一个有12个字节我们知道现文本框中 >10字符就超出了文本框宽度。

---