How to activate search bar in static html page
Hi,
I have created a search button in a static web page, but cannot activate it. It returns nothing when I try to search sime word or text in the page or a related page. Pls note that I am not after Google seacrh activation but search engine of the website's own. Also note that webpage is notnpublished but static one. I have heard about some php way, but do not know what wxact coding use and its place to add.
Could you give any tip how to fix it pls?
Pls find search button coding below
Thanks
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
input[type=text] {
width: 136px;
box-sizing: border-box;
border: 2px solid ;
border-radius: 4px;
font-size: 15px;
background-color: white;
background-image: url("image/iconfinder_common-search-lookup-glyph_763283.png");
background-position: 6px 6px;
background-repeat: no-repeat;
padding: 12px 40px 16px 45px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width: 28%;
}
</style>
</head>
<body>
<input name="search" type="text" class="search" placeholder="Search..">
</body>
</html>
<input name="search" type="text" class="search" placeholder="Search..">
</body>
</html>
AdChoices