Placeholder in @Html.EditorFor(model => model.Name) in MVC 5

Question

I used [prompt("name")] in Controller and

@Html.EditorFor(model => model.Email,
new {placeholder=ViewData.ModelMetadata.Watermark})`

in view but nothing showed I also used help of Html5 Placeholders with .NET MVC 3 Razor EditorFor extension? but nothing happened I need Placeholder for @EditorFor not for Textbox Any Help Appreciated

Whats wrong with a textbox? what type of controls are you trying to generate? For MVC-5 you can use `Html.EditorFor(m => m.Email, new { htmlAttributes = new { placeholder = ... }, })` — , Apr 02 '15 at 11:24
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { placeholder = "Enter the title Here" } }) I already wrote that but nothing getting — Suyash Kumar Singh, Apr 02 '15 at 11:30
In MVC-5? You have tagged it both MVC-4 and MVC-5! But why not `TextBoxFor()`? — , Apr 02 '15 at 11:34
see default scaffolding generated @EditorFor for all attributes for a model — Suyash Kumar Singh, Apr 02 '15 at 11:38
I assume you mean properties, not attributes. but why not just change it to `TextBoxFor()` (add `type="email"` if required) — , Apr 02 '15 at 11:43
@StephenMuecke - Actually, you need MVC 5.1, not MVC5 for htmlAttribute support — Erik Funkenbusch, Apr 02 '15 at 22:49

score 5 · Answer 1 · edited Apr 21 '17 at 09:31

5

You can write HTML attributes into Html.EditorFor using the following syntax. Make sure you use @ before class and placeholder so that the renderer knows this is HTML markup.

@Html.EditorFor(model => model.Email, new { 
    htmlAttributes = new { 
        @class = "form-control", 
        @placeholder = "Email Address"
    }
})

edited Apr 21 '17 at 09:31

Lukas Körfer

13,515
7
46
62

answered Apr 21 '17 at 08:06

user7900201

51
1
2

Typically only reserved keywords like `class` require the `@` prefix in an `htmlAttributes` object, "placeholder" is fine without it. Not always consistent though; strangely, setting a "value" isn't parsed as a reserved word but requires using proper case (`@Value`) to be applied correctly. – brichins Mar 28 '18 at 17:55

score 2 · Accepted Answer · answered Apr 02 '15 at 11:29

2

EditorFor doesn't accept HtmlAttribut argument you have to use TextBoxFor instead of it ;) try this:

@Html.TextBoxFor(model => model.Email, new  {placeholder=ViewData.ModelMetadata.Watermark})`

answered Apr 02 '15 at 11:29

TRIKI Khaled

48
1

Thanks But do you know why this is so for `@EditoreFor ` ? @TRIKI Khaled – Suyash Kumar Singh Apr 02 '15 at 11:36
the Html.EditorFor works with different types and would generate an Html input elements with different types according to the type of the attribut you've entred as argument. you can check the classes and see check differences between both of them : EditorExtensions and InputExtensions – TRIKI Khaled Apr 02 '15 at 12:52
As of MVC 5.1, EditorFor can handle HtmlAttributes. This was one of the added features. – Erik Funkenbusch Apr 02 '15 at 22:48

score 0 · Answer 3 · answered Mar 02 '16 at 14:06

0

Work for me just with TextBoxFor.

   @Html.TextBoxFor(model => model.emailContact, new {@placeholder = "Your Placeholder Text" }

answered Mar 02 '16 at 14:06

rickslayer

29
1

Placeholder in @Html.EditorFor(model => model.Name) in MVC 5

3 Answers3