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

我拿到哪裏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

使用插件的方法是使用一個編輯模板。您需要做的是在Shared\EditorTemplates文件夾中創建模板文件，並將其命名爲String.cshtml。然後把這個在文件：

@Html.TextBox("",ViewData.TemplateInfo.FormattedModelValue, 
    new { placeholder = ViewData.ModelMetadata.Watermark }) 

然後在你看來像這樣使用它：

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

的缺點，這個工程的string類型的屬性，你必須創建一個模板每個type你想支持一個水印。

Answer 2

默認的HTML代碼，它沒有。但是，您可以使用具有可以輸出HTML5的HTML助手的MVCHtml5Toolkit NuGet包。對於你的榜樣，安裝工具包後，你就可以使用下面的HTML助手呼籲：

@Html.Html5TextBoxFor(m => m.Email, InputTypes.InputType.Email) 

這將輸出以下HTML：

<input id="Email" name="Email" placeholder="E-Mail" type="Email" value=""> 

可以看出，佔位符現在可以正確渲染。

Answer 3

當然它的作用：

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

Answer 4

試試這個：

@Html.TextbBoxFor(x=>x.Email,new { @placeholder=@viewBag.email} 

如果可能，否則可能是什麼方式

Answer 5

這工作：

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

Answer 6

您可以輕鬆地添加CSS類，佔位符等。如下圖所示：

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

希望這有助於

Answer 7

我這樣做

場模型：

[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 8

有這樣的方式綁定佔位符以查看：

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

Answer 9

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

Answer 10

正確的解決方案，使在非模板控制方面的Prompt值：

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

這也將不雙逃脫水印文本。