怎样限制textarea的行数？

Question

禁止用户超过指定的行数，超过的部分禁止再输入，得用哪种方法呢？

Answer 1

用css吧

直接写width和height，比如显示3行，那就height: 48px; line-height: 16px;也就是说height应该是line-height的行数倍。

超出时如果不需要滚动条，可用overflow: hidden; 默认为auto自动。

另外chrome中textarea可以用鼠标拖动右下角改变大小，想屏蔽可以用resize: none;

----------------------------------

keyup事件，判断\n的个数N，N+1为行数，超出时把\n后面的字符去掉即可。

Answer 2

禁止用户超过指定的行数，超过的部分禁止再输入

很不好的体验，从常用的用户角度出发，编辑长文字很不舒服

可以看看微博是怎么限制字符的吧

Answer 3

<textarea rows="5" cols="10"></textarea>

Answer 4

一般都会用字数来做限制的把。。。
行数限制没啥意义。。。

Answer 5

我不知道说的对不对。
不过我想，可以尝试限定cols还是rows（忘了），用JS判断是否出现滚动条，如果出现就删除直接滚动条没有（onkeyup事件应该可以监测）
不过对于chrome应该无效吧

Answer 6

限制字数只能通过JS事件控制，CSS只能控制外观，不能控制字数的多少。