如何在html razor视图mvc4中增加TextArea的大小？

Question

嗨我在我的视图中有一个名为Description的文本区域字段.我希望增加该领域的规模.

我的代码

  <div class="col-sm-3">
  <div class="form-group">
  <span style="color: #f00">*</span>
   @Html.LabelFor(model => model.Description, new { @class = "control-label" })
   @Html.TextAreaFor(model => model.Description, new { @class = "required", style = " rows=10, columns=40" })
   @Html.ValidationMessageFor(model => model.Description)
       </div>
     </div>

我的TextArea

我想带来如下图所示

所以我在textarea字段中给出了行和列.它增加了文本区域的大小.但是当我将页面缩小到手机大小意味着所有字段都缩小了.但是这个textarea字段不会缩小到页面大小.这是问题所在

我一直在验证我的领域.我想用红色显示验证.我正在使用模型验证.所以请任何人为这两个问题提供解决方案.

提前谢谢..

Answer 1

试试这个:

  @Html.TextAreaFor(model => model.Description, 10,40, htmlAttributes: new {style="width: 100%; max-width: 100%;" })

Answer 2

尽管已经回答了这个问题，但是外面的某个人可能仍然需要这个。

 @Html.TextAreaFor(model => model.comments, 
 new { @cols = "100", @rows = "8", @style="width:100%;"})

Answer 3

Rows并且Cols不属于style标签。它是 的一个独立属性textarea。你可以像下面这样写。

@Html.TextAreaFor(model => model.Description, new { @class = "required", @cols = 40, @rows = 10})