如何限制html标签input的长度?

如何限制html标签input的长度?,第1张

1、限制input文本框的输入长度的话可以为其加上maxlength属性来限制。如果是限制input的显示长度的话,可以直接用CSS中的width来限制。

2、添加css属性, style="width:200px"。

3、 限制input标签的长度:<input type="text" value="12345678901234" size="5"/>

<input type="text" maxlength="10" value="12345678901234"/><input type="text"  value="12345678901234"  style="width:30px">。

4、只有maxlength属性是限制输入长度的,当输入字符长度(数量)达到maxlength的值时,不能再输入了(输入的字符不被接受)。

5、其他的size和style限制的是输入框显示长度,但是不限制输入长度,一直可以输入字符,,当输入的字符长度(数量)超过超过允许显示的长度时,超出部分会被输入框遮盖,而不是截断,你可以按左右键(← →)来滚动查看被遮盖部分的字符串。

<script language="javascript">

function calculate() {

String.prototype.lenB = function(){return this.replace(/[^\x00-\xff]/g,"**").length}

//var str = "这是一个可以将汉字计算成两个字节的函数"

var str =document.all.uInput.value

alert("count = " + str.lenB())

}

</script>

请输入<input name="uInput" type="text">

<input type="button" value="计算" onclick="calculate()"/>

结果为<input name="result" type="text">

执行下这个代码你就懂了,之后用js对str.lenB()判断就行了,str.lenB()可以将汉字计算成两个字节。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7480979.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存