7

The goal

Apply, with success, the placeholder attribute for @Html.Textbox method.

The problem

There is the following syntax on my application;

@Html.TextBox("term", new { placeholder = "What are you searching for?" })

But, when the TextBox is rendered, the value attribute of the input is placeholder = "What are you searching for?". In other words, the placeholder attribute isn't applied as an attribute, but as an input's value.

Knowledge

I already searched about this question on Google and Stack Overflow, but until now, without success.

This link has a solution with the same syntax that I'm using, but when I pass the second parameter to TextBox(), it is rendered as a value and nothing happens with the third parameter (in our case, new { placeholder = "something" }).

3 Answers 3

29

You're calling the string name, object value overload of that method, so the second parameter is being taken as the value, not as htmlAttributes. You should use a different overload of the method, probably string name, object value, object htmlAttributes by specifying an empty value:

@Html.TextBox("term", "", new { placeholder = "What are you searching for?" })
1
3

try this for an empty @Html.TextBox

@Html.TextBox("CustomarName" ,null, new { @class = "form-control" , @placeholder = "Search With Customar Name" })
1

There is a third param you need:

@Html.TextBox("term", Model.SomeProperty, new { placeholder = "What are you searching for?" })

The third param are any attributes you wish to include in the HTML output of the input field.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.