MVC4 input field placeholder

Question

Does MVC4 by default support placeholders for generated input fields  I didn t found anything so I am trying to implement my own but unfortunately Prompt    E-Mail  is not passed to ViewData ModelMetadata Watermark while generating control  Why    Model  public class LogOnModel        Required       Display Name    E-Mail   Prompt    E-Mail         DataType DataType EmailAddress       public string Email   get  set        Html TextBoxFor m   gt  m Email  new   placeholder   ViewData ModelMetadata Watermark      I get html code where placeholder tag do not has any text   lt input data-val  true  data-val-regex  Please enter a valid e-mail address  data-val-required  The E-Mail field is required   id  Email  name  Email  placeholder    type  text  value    class  valid  gt

User · Answer

The correct solution to get the Prompt value in a non-templated control context is    Html TextBoxFor model   gt  model Email       new   placeholder   ModelMetadata FromLambdaExpression m   gt  m Email  ViewData  Watermark       This will also not double-escape the watermark text

User · Answer

An alternative to using a plugin is using an editor template  What you need to do is to create a template file in Shared EditorTemplates folder and call it String cshtml  Then put this in that file    Html TextBox    ViewData TemplateInfo FormattedModelValue       new   placeholder   ViewData ModelMetadata Watermark      Then use it in your view like this    Html EditorFor m  gt Model UnitPercent    The downside  this works for properties of type string  and you will have to create a template for each type that you want support for a watermark

User · Answer

Try this    Html TextbBoxFor x  gt x Email new    placeholder  viewBag email    If this possible or else what could be the way

User · Answer

This works    Html TextBox  name   null   new   placeholder    Text

User · Answer

Html TextBoxFor m   gt  m UserName  new    class    form-control   placeholder    Name

User · Answer

There are such of ways to Bind a Placeholder to View   1  With use of MVC Data Annotations   Model    Required   Display Prompt    Enter Your First Name    public string FirstName   get  set      Razor Syntax    Html TextBoxFor m   gt  m FirstName  new   placeholder    Html DisplayNameFor n   gt  n UserName      2  With use of MVC Data Annotations But with DisplayName   Model    Required   DisplayName  Enter Your First Name    public string FirstName   get  set      Razor Syntax    Html TextBoxFor m   gt  m FirstName  new   placeholder    Html DisplayNameFor n   gt  n UserName      3  Without use of MVC Data Annotation  recommended    Razor Syntax    Html TextBoxFor m   gt  m FirstName  new    placeholder    Enter Your First Name

User · Answer

You can easily add Css class  placeholder   etc  as shown below     Html TextBoxFor m   gt  m Name  new    class    form-control   placeholder  Name       Hope this helps

User · Answer

Of course it does    Html TextBoxFor x   gt  x Email  new    placeholder    Email

User · Answer

I did so  Field in model    Required   Display Name    User name    public string UserName   get  set      Razor    lt li gt     Html TextBoxFor m   gt  m UserName  new   placeholder   Html DisplayNameFor n   gt  n UserName     lt  li gt

User · Answer

By default  it does not  However  you can use the MVCHtml5Toolkit NuGet package that has HTML helpers that can output HTML5  For your example  after installing the toolkit you can then use the following HTML helper call    Html Html5TextBoxFor m   gt  m Email  InputTypes InputType Email    This will output the following HTML    lt input id  Email  name  Email  placeholder  E-Mail  type  Email  value    gt    As can be seen  the placeholder is now correctly rendered

[asp.net-mvc] MVC4 input field placeholder

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4