JQuery的不自動填充字段元素與數據

Question

我有以下代碼：

@Html.TextBoxFor(x => x.Name, new { @onload = "if(this.value=='')this.value='NAME';", @class = "text", @onblur = "if(this.value=='')this.value='NAME';", @onfocus = "if(this.value=='NAME')this.value='';" }) 
@Html.TextBoxFor(x => x.Email, new { @onload = "if(this.value=='')this.value='EMAIL ADDRESS';", @class = "text", @onblur = "if(this.value=='')this.value='EMAIL ADDRESS';", @onfocus = "if(this.value=='EMAIL ADDRESS')this.value='';" }) 

但它只是說「名」中點擊盒子的時候，我希望它在那裏開始。

Answer 1

爲什麼不直接使用HTML5佔位符屬性？這似乎是你想要做的。

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

Answer 2

您可以使用HTML5佔位符的屬性和插件jquery-placeholder的兼容性與其他瀏覽器

HTML +剃刀：

@Html.TextBoxFor(x => x.Name, new { placeholder = "NAME", @class="with-placeholder" }) 
@Html.TextBoxFor(x => x.Email, new { placeholder = "EMAIL ADDRESS", @class="with-placeholder"}) 

JS：

$('.with-placeholder').placeholder(); 

從數據：html5please.com