I wanna make a box for search in my website

Question

i write it like a model that has been written in html but it didnt work and i want creat a click box for search how i can do that like below

search [ empty box for search ]

i wanna click on search how i can do that?

Answer 1

https://code.sololearn.com/WtpxE00yFtv8/?ref=app

Answer 2

Ctrl + F

Answer 3

Search in page with javascript:
http://stackoverflow.com/a/13799343/3981745

The jsfiddle is expired but they posted their code in that answer.

To search your whole site...Google does provide site searches that basically just restricts results to you (like putting site:my.com in the search pane) but it's not at all seamless; I think it looks ugly but if you don't care about that / or AdSense ads (you just need search):

https://cse.google.com/cse

Otherwise you're going to need / need to create a content management system (CMS) so you can search a database, or fork out to the OS and scrape results from things like grep (someone may have done this already).

Also...NodeJS may have a solution. Be right back.

Answer 4

A really nice highlighting article:
http://www.the-art-of-web.com/javascript/search-highlight/

I think this is too divergent codewise for SoloLearn courses, but I also think you mean something like this (can you just skim the activity and confirm?):

http://frontendcollisionblog.com/javascript/jekyll/tutorial/2015/03/26/getting-started-with-a-search-engine-for-your-site-no-server-required.html

Answer 5

thank you but i want it search in my page to find word and not in google