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

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限制的是输入框显示长度，但是不限制输入长度，一直可以输入字符,，当输入的字符长度（数量）超过超过允许显示的长度时，超出部分会被输入框遮盖，而不是截断，你可以按左右键（← →）来滚动查看被遮盖部分的字符串。

在html中显示长度较大的数据处理方法

在html中显示长度较大的数据时，可以将数据截取显示，当鼠标滑过时再显示完整数据。

例如，下面这种情况。

实现：

<a title="${siteBoardInfoList.boardUrl}">

<c:if test="${fn:length(siteBoardInfoList.boardUrl) >= 40}">

${fn:substring(siteBoardInfoList.boardUrl,0,20)}......${fn:substring(siteBoardInfoList.boardUrl,fn:length(siteBoardInfoList.boardUrl)-21,fn:length(siteBoardInfoList.boardUrl))}

</c:if>

<c:if test="${fn:length(siteBoardInfoList.boardUrl) <40}">

${siteBoardInfoList.boardUrl}

</c:if>

</a></p

你的内容放到一个层里面，style设置为overflow : hidden

你自己先根据字号算出100个字所占的大小，把层大小固定即可。

但是这种情况下，我们一般不使用html的属性来控制字数。

不知道你从数据库里读出数据是用何种语言？PHP？ASP？JSP？

以JSP为例：String title = "xxxx"//你从数据库里读到的字符串内容

title = title.substring(0,100)//取前100个字符

或者你用JS动态插入，写一个层<div id="title"></div>

<script>

var titleStr = "xxxxx"//你从数据库里读到的字符串内容

document.getElementById("title").innerHTML = titleStr.substring(0,100)

</script>

---