javascript - 在 MVC 4 中使用 JavaScript 清除文本

Question

我有以下搜索框：

@Html.TextBox("SearchString", "search...", new { @class = "SearchTxtBox" })

一个带有默认文本“搜索...”的文本框，我想在用户输入文本框时清除文本，就像我们在纯 html 中所做的那样：

<input type="text" value="search..." onfocus="if(this.value=='search...') this.value='';">

任何想法如何在 MVC 4 中这样做？

score 3 · Accepted Answer

如果你想做传统的方式，你可以这样做：-

@Html.TextBox("SearchString", "search...", new { @class = "SearchTxtBox",onfocus="if(this.value=='search...') this.value='';" });

您也可以使用 HTML5 占位符属性...

@Html.TextBox("SearchString","", new { @class = "SearchTxtBox", placeholder = "search..." });

请注意，旧浏览器不支持它

如果您想了解更多关于它的支持和解决方法，您可以通过以下线程。

score 1 · Accepted Answer

您不必使用 javascript 来清除文本框的默认文本，您可以使用 Html5 的PlaceHolder的属性

尝试这个

@Html.TextBox("SearchString", new { @class = "SearchTxtBox" ,placeholder="search..."})

2 回答 2