asp.net-mvc - 使用 mvc4/razor 的注册表单中的水印

Question

如何使用 mvc4/razor 视图获得类似于下图的布局。只有在输入文本后水印才会消失。不是在专注于文本框时

Answer 1

占位符是客户端功能，与您使用的服务器端平台无关。

在 HTML5 中，您可以使用该placeholder=""属性，如下所示：

<input type="text" placeholder="First name" />

在 ASP.NET MVC 中，您可以像这样添加属性：

Html.InputFor( m => m.FirstName, new { placeholder="First name" } )

IE8 不支持占位符，但您可以使用许多 jQuery 和 Mootools 插件来模拟它们，以复制该功能。