Question

关于html和CSS的问题，如何限定<input type="text" />中 输入内容 的长度，将限定加在CSS中。

原代码
<style type="text/css">
#如何在此限定输入内容长度？？？
</style>

<input type="text" id="search-videos" class="search-field" size="8" value="<%= this.key && this.key.length ? this.key : "" %>" />

Answer 1

css 通过限定宽度 width 设置超出隐藏 overflow 来控制字符显示

input 中通过 maxlength="" 这种限制字符串字数

Answer 2

这个可以通过js实现！

var s = document.getElementById("search-videos");
var lim_len = 10;//限定的长度

s.onkeypress = function() {
var s_str = s.value;
if(s_str.length > lim_len){
return false;
}
}

Answer 3

input中输入内容的长短是用maxlenght限制的,不用CSS

Answer 4

input的属性maxlength，可以控制输入字符的字数。或者使用js做个控制

Answer 5

<input id=txtname maxlength=10 name=txtname>