/    Sign up×
Community /Pin to ProfileBookmark

HTML search form allow input text immediately

Copy linkTweet thisAlerts:
Oct 01.2012

i need a HTML search form that allow input text immediately. Same as Google or youtube. we needn’t click to input text into search form

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@cbVisionOct 01.2012 — This is called the "live search" technique. You can search for that on Google to find examples. Here's one:

http://static.railstips.org/orderedlist/demos/quicksilverjs/jquery.html

http://orderedlist.com/blog/articles/live-search-with-quicksilver-style-for-jquery/
Copy linkTweet thisAlerts:
@catbuituyetvoiauthorOct 01.2012 — oh i dont need to live search,

sorry i'm new to web design. but the things i need, that is a form, after page contain it have load, it allow me to write the word i need to search. ( i dont need click into form for do search )
Copy linkTweet thisAlerts:
@cbVisionOct 01.2012 — Are you talking about autocomplete?

http://jqueryui.com/demos/autocomplete/
Copy linkTweet thisAlerts:
@catbuituyetvoiauthorOct 02.2012 — oh my problem just simple about input text without click on form. ( login form, search form, ...) ok? dont need to auto complete. ok.
Copy linkTweet thisAlerts:
@NickJohnsonOct 11.2012 — You can contact to experienced HTML5 developers of ExpertsFromIndia . com

They will help you for sure...
Copy linkTweet thisAlerts:
@ZABIOct 11.2012 — i think you just need a simple HTML form and focus the search field when page loads ?

<form name="search">

<input name="keyword" />

<input type="submit" value="Search" />

</form>

<script>

search.keyword.focus();

</script>
×

Success!

Help @catbuituyetvoi spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...