Clear text with JavaScript in MVC 4

Question

I've the following search box:

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

A text box with a default text "search...", I want to clear the text when the user enters the text box like we do in pure html:

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

Any ideas how to do so in MVC 4?

Community · Accepted Answer · 2017-05-23 10:25:44Z

3

If you want to do the traditional way you cna do it this way:-

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

You can utilize HTML5 placeholder attribute too...

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

Be aware of the fact that it is not supported in older browsers

If you want to know more about its support and workaround you can go through the below thread.

CommunityBot

11 silver badge

answered May 2, 2013 at 4:58

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sagar Hirapara · Accepted Answer · 2013-05-02 04:59:16Z

1

you don't have to use javascript to clear default text of textbox,you can use property of Html5's PlaceHolder

Try this

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

answered May 2, 2013 at 4:59

Sagar Hirapara

1,6971 gold badge13 silver badges24 bronze badges