占位符 + @Html.TextBox问题

Question

目标

成功使用@Html.Textbox方法的placeholder属性。

问题

我的应用程序中有以下语法；

@Html.TextBox("term", new { placeholder = "What are you searching for?" })

但是，当 TextBox 被呈现时， input 的 value 属性为 placeholder="What are you searching for?"。换句话说， placeholder 属性不被应用为属性，而是作为 input 的 value。

知识

我已经在 Google 和 Stack Overflow 上搜索了这个问题，但是到目前为止还没有成功。

这个链接 提供了一个与我使用的相同语法的解决方案，但是当我传递第二个参数到 TextBox() 时，它被渲染为一个值，并且第三个参数 (在我们的例子中为new { placeholder = "something" }) 没有任何变化。

- Guilherme Oderdenge

Answer 1

您正在调用 该方法 的 string name, object value 重载，因此第二个参数被视为 value 而不是 htmlAttributes。您应该使用该方法的另一个重载 string name, object value, object htmlAttributes 并指定空的 value。

@Html.TextBox("term", "", new { placeholder = "What are you searching for?" })

- Tim S.

---

太棒了！这正是我想要的。谢谢！ - Guilherme Oderdenge

Answer 2

如果想要创建一个空的 @Html.TextBox，请尝试以下方法：

@Html.TextBox("CustomarName" ,null, new { @class = "form-control" , @placeholder = "Search With Customar Name" })

- Mizanur Rahman

Answer 3

你需要一个第三个参数：

@Html.TextBox("term", Model.SomeProperty, new { placeholder = "你要搜索什么？" })

第三个参数是你希望包含在输入字段的HTML输出中的任何属性。

- Jason Evans