固定大小的html文本输入区域 - 不允许更多文本超出边界定义的限制

Question

我希望有一个固定的行文本区域，它不允许用户键入超出固定行数（和最大宽度）的更多文本。这可能吗？

我目前的css样式是：

.area-style {
    resize: none;
    width: 324px;
    height: 200px;
    max-height:200px;
    max-width:324px;
    overflow: hidden;
}

但是仍然可以继续输入超出＆＃39;底部的文字。 （文本在textarea中被推高） - 至少在Chrome和Firefox中会发生这种情况。我希望textarea不允许在此之后输入更多文本，我该如何实现？

Answer 1

使用此代码限制插入文本区域的字符数。

<textarea maxlength="400"> </textarea>

对于HTML5中的标记，maxlength属性是新的。支持textlength属性的浏览器是： Chrome - 是的 IE - 10.0 Firefox - 4.0 Safari - 是的

Answer 2

在html5中，您可以添加maxlenght属性来修复文本区域中允许的最大字符数。

<textarea class="area-style" maxlength="200"></textarea>