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

Question

  

可能重复：
  Can I specify maxlength in css?

在我的CSS中，我使用此代码为我站点中的所有输入标记创建圆形边框。我想知道是否可以以相同的方式限制输入的长度（例如50个字符）

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

我想象（这不起作用）：

input
{
max-lenght: 50;
} 

任何sugestions？非常感谢你！

编辑：这个问题是关于用户可以在字段中写入多少字符，而不是输入的可见大小

Answer 1

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

Answer 2

我会处理html输入字段中的字符限制。 e.g。

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

Answer 3

更新

您只能使用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" />

有点黑客，但有效。据我所知，没有css解决方案。