在表单输入中添加新行？

Question

因此，当我将文本写入表单输入时，当我尝试在输入时输入新行时，它会提交注释。我怎么能让它不提交我的评论，而是当我点击输入时我希望它添加一个新的行？

这就是我所拥有的

http://jsfiddle.net/rduhsp19/3/

<form name="formcheck" id="formcheck2" onsubmit="" method="post" action="">
<input type="text" name="comment" style="font-family: Arial; font-size: 10px; border: 1px solid ##dddddd; padding: 2px;" size="70">
<input type="hidden" name="part_number" value="">
<input type="submit" value="Comment" style="font-family: Arial; font-size: 10px;">
<input type="hidden" name="comments_original_content_id" value="">
</form>

我试图这样做

$('input').keypress(function(event) {
   if (event.which == 13) {
      event.preventDefault();
      var s = $(this).val();
      $(this).val(s+"\n");
   }
});

Answer 1

要按 Enter 添加新行，您可以使用HTML <textarea>标记。