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