如何将最大行数设置为文本区域输入标签？

Question

我正在构建 html+css（纯，无 BS）聊天框窗口。我在输入消息时遇到严重问题。

我正在寻找的是用户可以在其中编写消息的输入。那将是 input 在 textarea 标签上。我想要的效果类似于 FB 在线路已满时另一条线路开始时所做的事情。这会将我的选择限制为 textarea 。我需要提交按钮并在输入时提交。所以我在 form 标签中使用它。

 <form>
<textarea></textarea>
<input type="submit" value="Send message">
</form>

我不明白的是我应该如何格式化 textarea ？

1. 如何从一行开始并向上移动到某个最大行值（我只想允许行），如果达到最大行数则开始溢出消息？
2. 如何检测 shift+enter 来创建一个新行？

原文由 Kārlis Janisels 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个代码

<form>
<textarea rows="10" cols="10" maxlength="200" style="resize:none;"></textarea>
<input type="submit" value="Send message">
</form>

$(document).ready(function() {
    $('textarea').live("keypress", function(e) {
        if (e.keyCode == 13)
        {
            $('form').submit();
        }
    });
});

原文由 Ganesh Radhakrishnan 发布，翻译遵循 CC BY-SA 3.0 许可协议