Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use jquery in asp.net to achieve the default prompt function of the search box related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone in this asp.net how to use jquery to achieve the default prompt function of the search box article will have a harvest, let's take a look.

Create a default text prompt in the text box

Usually when users search for content, before the text box enters the content, the text box will give a default prompt to prompt the user to enter the correct content to search.

When the text box gains focus, if the text box content is the same as the prompt content, the prompt content will disappear naturally.

When the text box has no value and loses focus, the text box content regenerates the default prompt.

To implement the above requirements, the code is as follows:

.text {border: # 0a8fda solid 1px; color: # cccccc; font-style:italic; background: # fff url (img/input.gif); padding: 5px;} .text-focus {border: solid 1px # f50; background: # fff url (img/input.gif) Padding: 5px;} $(document) .ready (function () {var txtSearch = $("#"); $("# txtSearch") .focus (function () {if (txtSearch.val () = = this.title) {txtSearch.val ("); this.className =" text-focus ") }}); $("# txtSearch") .blur (function () {if (txtSearch.val () = = "") {txtSearch.val (this.title); this.className = "text";}}); txtSearch.blur () })

This is the end of the article on "how to use jquery to achieve the default prompt function of search box in asp.net". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to use jquery to achieve the default prompt function of the search box in asp.net". If you still want to learn more knowledge, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.