JS class for automatically completing text box effects: SearchField

Searchfield is a simple, lightweight, and elegant search form code that supports drop-down text box prompts. It supports search recommendations, that is, when you enter text, the related drop-down search keyword suggestions are displayed! The author says that it supports languages in three countries, including Chinese and English.

:SearchField supports the search form code displayed in the drop-down box of the text box.

If you want to add such a special search bar to your page, you only need to download CSS and JS files and add form code to the body:

Copy to ClipboardReference: [www.bkjia.com] <form id = "searchform" action = "" method = "post">
<P> <input type = "text" id = "searchfield" name = "searchfield" value = ""/>
<Button type = "submit"> Go </button> </p>
</Form>

Add the declaration of calling JS and CSS before Copy to ClipboardReference: [www.bkjia.com] <link href = "/searchfield/searchfield.css" rel = "stylesheet" type = "text/css" media = "screen"/>
<Script type = "text/javascript" src = "/searchfield. js"> </script>

In this way, the keyword suggestions can be customized, and you can go to searchfield in advance. in js, enter some keywords that you want to search for users. For example, a www.bkjia.com/downis added to the help house editor. When a small Editor inputs the dows, an automatic prompt is displayed: www.bkjia.com/down.