Creating a multi-line text field using the Html.Helper function

Question

I am trying to create a multi-line text file using ASP.NET MVC with the following code.

<%= Html.TextBox("Body", null, new { TextBoxMode = "MultiLine", Columns = "55px", Rows = "10px" })%> 

It displays only a single line text block with a fixed size.

on the other hand

 <asp:TextBox runat="server" ID="Body" TextMode="MultiLine" Columns="55" Rows="10"></asp:TextBox> 

displays the correct view, but in the post post method named formCollection named form

 form["Body"]; 

returns a null value.

Answer 1

Multi-line text field in html <textarea> :

 <%= Html.TextArea("Body", null, new { cols = "55", rows = "10" }) %> 

or

 <%= Html.TextArea("Body", null, 10, 55, null) %> 

or even better:

 <%= Html.TextAreaFor(x => x.Body, 10, 55, null) %> 

And another possibility is to decorate your view model property with the [DataType] attribute:

 [DataType(DataType.MultilineText)] public string Body { get; set; } 

and in your opinion:

 <%= Html.EditorFor(x => x.Body) %> 

and set the width and height using CSS.

Answer 2

MVC4 you should use:

 @Html.TextAreaFor(x => x.Body, 10, 15, null) 

Answer 3

This allows multi-line, set custom width, height and installation location. To check, use StringLength or RegularExpression in Model.cs

Razor View Syntax

 @Html.TextAreaFor(model => model.property, new { style = "width: 420px; height: 100px;", placeholder = "Placeholder here.." }) 

Answer 4

I think Html.EditorFor is what you are looking for. This is only for MVC2 and up, though. Does it help?

If you use DataAnnotations and decorate your property with [DataType(DataType.MultilineText)] MVC attribute should set the required html for you.

Answer 5

In the Entity layer:

 [MaxLength(500)] public string Body { get; set; } 

And in sight:

 @Html.TextAreaFor(model => model.Body, new { rows = 10, cols = 50 }) 

Answer 6

VB.net Solution:

@ Html.TextAreaFor (function (model) Model.Body, 3, 55, Nothing)