MVC4输入字段占位符

Question

MVC4默认情况下是否支持placeholders生成的输入字段？我没有找到任何东西,所以我试图实现自己的,但不幸的Prompt = "E-Mail"是,ViewData.ModelMetadata.Watermark在生成控制时没有传递给我.为什么？

模型

public class LogOnModel
{
    [Required]
    [Display(Name = "E-Mail", Prompt = "E-Mail")]
    [DataType(DataType.EmailAddress)]
    public string Email { get; set; }
}

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

我得到HTML代码,其中placeholder标签没有任何文字

<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">

Answer 1

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 })

然后在您的视图中使用它,如下所示:

@Html.EditorFor(m=>Model.UnitPercent)

缺点是,这适用于类型属性string,您必须为每个type要支持水印的模板创建模板.

Answer 2

我这样做了

模型中的字段:

[Required]
[Display(Name = "User name")]
public string UserName { get; set; }

剃刀:

<li>
  @Html.TextBoxFor(m => m.UserName, new { placeholder = Html.DisplayNameFor(n => n.UserName)})
</li>

Answer 3

当然它确实:

@Html.TextBoxFor(x => x.Email, new { @placeholder = "Email" })

Answer 4

您可以轻松添加Css类,占位符等,如下所示:

@Html.TextBoxFor(m => m.Name, new { @class = "form-control", placeholder="Name" })

希望这可以帮助

Answer 5

这有效:

@Html.TextBox("name", null,  new { placeholder = "Text" })

Answer 6

有这样的方法来绑定占位符:

1)使用MVC数据注释:

模型:

[Required]
[Display(Prompt = "Enter Your First Name")]
public string FirstName { get; set; }

剃刀语法:

@Html.TextBoxFor(m => m.FirstName, new { placeholder = @Html.DisplayNameFor(n => n.UserName)})

2)使用MVC数据注释但使用DisplayName:

模型:

[Required]
[DisplayName("Enter Your First Name")]
public string FirstName { get; set; }

剃刀语法:

@Html.TextBoxFor(m => m.FirstName, new { placeholder = @Html.DisplayNameFor(n => n.UserName)})

3)不使用MVC数据注释(推荐):

剃刀语法:

@Html.TextBoxFor(m => m.FirstName, new { @placeholder = "Enter Your First Name")