镀铬的Textarea只显示一行

Question

您好我有一个带有文字区域的表单供评论。问题是我的代码下面应该生成一个3行高的文本框但是当它在Chrome中显示时它只显示为一行，任何人都可以建议我做错了吗？

<tr>    
    <td >&nbsp;</td>
    <td ><strong>Approver Comments</strong></td>
    <td colspan="3" >
    <textarea name="approvecom" cols="100" rows="5" autocomplete="OFF"></textarea>
    </td>
    <td >&nbsp;</td>
</tr>

Answer 1

尝试使用高度和宽度CSS定义来定义textarea的边界。

<textarea style="height:100px; width:300px;"></textarea>

Answer 2

我会使用jQuery的动态解决方案：

$("textarea").each(function(){
  var rows = $(this).attr('rows');
  var newHeight = rows * 30;
  $(this).css({
    "height": newHeight + 'px'
  });
});