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

Question

可能重复：
我可以在 css 中指定 maxlength 吗？

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

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

我想像（这不起作用）：

input
{
max-lenght: 50;
} 

有什么建议吗？非常感谢你！

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

Answer 1

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

Answer 2

我会处理 html 输入字段中的字符限制。例如

<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" />

有点hack，但有效。据我所知，没有唯一的 CSS 解决方案。