How can I make a search box like w3schools.com with HTML and css?

Question

I want it exactly like w3schools.com. You type what you want, then on the same page a box comes up telling the results. I looked all over the internet, but all they did was give me the code. And then, when i put the code in notepad++ and transport them using WinSCP, and i reload my webpage, the box shows. To test it, I searched a file that i put and all they put is Search alibdeir.com site:how to add learn!? And they so no results! I mean come on! It's very annoying
By the way, my web is http://alibdeir.com/ . Any help?

Answer 1

Can take help from the follwing code:

Answer 2

The first thing to note is that HTML, CSS and Javascript are all Client side languages.

That means they run on and only have the allowed access to the client PC. Nothing else.



You want a search box on your web page. Fine. But you cannot do it in HTML, CSS and Javascript as I have just said. You can create the box in HTML with a form, that is fine.

But to do the search you need server side coding. Files on the server can only be read by code that runs on your web server.

So what you need is server side code. This can be written in ASP, PHP, Perl or JSP. This will be called from the HTML form action parameter.



Without knowing what languages you know and what languages are supported on your web server it is impossible to give you more of an answer.



Have fun.

Answer 3

Jsp W3schools

Answer 4

You can change the height of text input elements as well as the font size that they use. example: