2013-05-02 45 views
0

我有以下的搜索框:用JavaScript清除文本MVC 4

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

用默認文本「搜索...」,我想清除文本當用戶輸入的文本框文本框就像我們在純HTML:

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

任何想法如何在MVC 4做到這一點?

回答

3

如果你想要做你中央社傳統的方式做到這一點是這樣的: -

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

您可以利用HTML5佔位符屬性太...

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

要知道的事實它不是在舊的瀏覽器

如果您想了解更多關於支持和解決辦法你可以通過下面的線程支持。

HTML5 "placeholder" support

1

你不必使用JavaScript來清除文本框的默認文本,你可以使用HTML5的佔位性質

試試這個

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