Как увеличить размер TextArea в html razor view mvc4?

У меня есть одно поле текстовой области, которое называется Описание. Я хочу увеличить размер этого поля.

Мой код

  <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 не сжимается до размера страницы. Это проблема

Я сохранил проверку для своих полей. Я хочу показать эту проверку красным цветом. Я использую проверку модели.


html razor asp.net-mvc-4 model-validation
person Susan    schedule 03.05.2016    source источник

Ответы (5)


arrow_upward
17
arrow_downward

Попробуй это:

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

arrow_upward
13
arrow_downward

Хотя на это уже дан ответ, кому-то это все еще может понадобиться.

 @Html.TextAreaFor(model => model.comments, 
 new { @cols = "100", @rows =  "8", @style="width:100%;"})
person Twaya    schedule 10.11.2017
comment
Этот человек - я. Ценить это! - person GRU119; 08.05.2019

arrow_upward
0
arrow_downward

Rows и Cols не относятся к тегу style. Это независимый атрибут для textarea. Вы можете написать это, как показано ниже.

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

arrow_upward
-1
arrow_downward

@Html.TextAreaFor(модель => модель.Описание, 10,40, новый { @class = "обязательно"})

person Shaikh    schedule 19.06.2020
comment
Пожалуйста, поделитесь информацией о том, почему ваш ответ работает, а не просто вставляет код. - person Unbranded Manchester; 19.06.2020

arrow_upward

arrow_downward

person    schedule
comment
Поясните свой ответ. - person Aksen P; 19.12.2019