Как обернуть текст при вводе в Html.TextBox

Question

Разметка ниже - это то, что у меня сейчас. Я пишу приложение MVC. На этом сайте я нашел совет, который побудил меня указать ширину и высоту, однако это не решило мою проблему. Когда я ввожу текст, длина которого превышает 500 пикселей, я хочу, чтобы он был перенесен, в настоящее время он находится на одной строке и, очевидно, полный текст не отображается. Кто-нибудь может помочь?

Спасибо

Опишите свой Special:

<% = Html.TextBox ("ShortDescription", Model.Special.ShortDescription, new {@style = "width: 500px; высота: 60px; цвет фона: # f1f2f3"})%>

Answer 1

Помощник Html.TextBox генерирует <input type="text" ..., и текст внутри этого типа входных данных не переносится. Вы должны рассмотреть возможность использования <textarea>. Вы могли бы использовать помощник Html.TextAreaFor (не Html.TextArea, потому что у вас уже есть модель, поэтому извлекайте из нее прибыль):

<%= Html.TextAreaFor(x => x.Special.ShortDescription, 10, 20, 
    new { @style = "background-color: #f1f2f3" }) %>

Answer 2

Вы должны иметь возможность использовать TextArea следующим образом:

<%= Html.TextArea("ShortDescription", Model.Special.ShortDescription) %> 

или для вашего случая явно:

<%= Html.TextArea("ShortDescription", Model.Special.ShortDescription, 
    new { @style = "width: 500px; height:60px;background-color:#f1f2f3" })%>