如何限制使用CSS3的输入文字长度？

可能重复：
Can I specify maxlength in css?如何限制使用CSS3的输入文字长度？

在我的CSS我用这个代码，以使轮边界在我的网站上的所有输入标签。我不知道是否有可能限制以同样的方式输入（例如50个字符）的lenght

input 
{ 
border-radius: 10px; 
-moz-border-radius: 10px; 
-khtml-border-radius: 10px; 
-webkit-border-radius: 10px; 
}

我想象类似的信息（这是不工作）：

input 
{ 
max-lenght: 50; 
}

任何sugestions ？非常感谢你！

编辑：这个问题是关于用户多少个字可以写入到现场，而不是输入

来源

2012-11-20 yenssen

通过HTML？ http://www.w3schools.com/tags/att_input_maxlength.asp – Vucko

嗯，我想这正是因为'maxlength'限制是语义的，而不是代表性的，它被指定为HTML属性，而不是CSS规则。 – raina77ow

在CSS中你使用'：'而不是'=' – zeyorama

您不能使用CSS来限制输入字符的数量。这将是一个功能限制，CSS处理演示。

来源

2012-11-21 05:51:23

我会处理HTML输入字段字符数限制的可见大小。例如

<input type="text" id="textbox" name="textbox" maxlength="50" />

来源

2012-11-21 00:01:17 jfmbrennan

是的，但我有很多，我想知道一个“自动”的方式:) – yenssen

你可以去编写JavaScript的麻烦来限制输入到输入框中的字符数。您需要绑定输入字段的'keydown'事件，对字符进行计数，如果超过50个字符，请防止将字符写入输入字段 – jfmbrennan

试试这个... http：// jsfiddle。 net/mKcgn/ – jfmbrennan

更新：

只能使用jQuery的。

$(document).ready(function() { 
    $("input").attr('maxlength', '5');  
});

如果你真的想你可以使用CSS和JavaScript的组合的自动方法。

的JavaScript/JQuery的

$(document).ready(function() { 
    // Get all the elements with class inputMaxLength and add maxlength attribute to them 
    $(".inputMaxLength").attr('maxlength', '5');  
});

CSS

.inputMaxLength 
{ 

}

HTML黑客攻击的

<input type="text" id="textbox" class="inputMaxLength" name="textbox" />

位，但作品。据我所知，没有唯一的解决方案。

来源

2012-11-21 00:39:32

如何限制使用CSS3的输入文字长度？

回答

相关问题