web-dev-qa-db-ja.com

html razor view mvc4でTextAreaのサイズを増やす方法は?

ビューにDescriptionというテキスト領域フィールドが1つあります。そのフィールドのサイズを大きくしたいと思います。

私のコード

  <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

下の画像にあるように持っていきたいです

Wanted Output

だから私はtextareaフィールドに行と列を与えました。テキスト領域のサイズが大きくなります。しかし、ページを電話サイズに縮小すると、すべてのフィールドが縮小されたことを意味します。ただし、このtextareaフィールドはページサイズまで縮小されません。これが問題です

私は自分の分野の検証を続けました。その検証を赤色で表示したいと思います。モデル検証を使用しています。

6
Susan

これを試して:

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

これはすでに答えられていますが、そこにいる誰かがまだこれを必要としているかもしれません。

 @Html.TextAreaFor(model => model.comments, 
 new { @cols = "100", @rows =  "8", @style="width:100%;"})
11
Twaya
Remove textArea element from site.css file. In site.css textarea max-width set as 280px;
Do like

input
,select
/*,textarea*/ 
{
    max-width: 280px;
}
0
Jitu Joshi

RowsおよびColsstyleタグに含まれません。 textareaの独立した属性。以下のように書くことができます。

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