Add custom HTML attributes to generated controls

Question

I just want to add a placeholder for my generated input element.

This is what being generated

<input class="text-box single-line" data-val="true" data-val-required="The Username field is required." id="Username" name="Username" type="text" value="">

This is the code that generates HTML output

@Html.EditorFor(model => model.Username)

Of course I can just remove the generated code and write it by myself just including the necessary fields, however maybe it is possible to just pass some kind of parameter to EditorFor that will add placeholder attribute to it?

karaxuna · Accepted Answer · 2012-05-17 06:37:01Z

4

You can use @Html.TextBoxFor instead of @HtmlEditorFor and then write htmlAttributes like this:

@Html.TextBoxFor(model => model.Username, new { placeholder = "Username..." })

answered May 17, 2012 at 6:37

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Soliah · Accepted Answer · 2012-05-16 14:11:59Z

1

Try

@Html.EditorFor(m => model.Username, new { data_val_attribute = "value" });

Most of the helpers will have an overload that accepts an anonymous object as the last parameter for specifying attributes in the generated markup.

answered May 16, 2012 at 14:11

Soliah

1,4062 gold badges14 silver badges24 bronze badges

1 Comment

Stan Over a year ago

@Html.EditorFor(model => model.Username, new { placeholder = "Username..." }) does not work.

zolipapa · Accepted Answer · 2012-05-17 06:30:13Z

0

@Html.EditorFor(model => model.Username, new { placeholder = "Username..." }) should work, unless your model is not empty. Have you checked if your model is empty?

answered May 17, 2012 at 6:30

zolipapa

6966 silver badges14 bronze badges

Collectives™ on Stack Overflow

Add custom HTML attributes to generated controls

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related