Hi Guys,
I have the piece of code below and somehow when I click on the input to type some test, the page reloads(refresh).
<div id="searchi">
<form id="search_box" action="search.php">
<input id="search" type="text" placeholder="Search products...">
<input id="submit" type="submit" value="Search">
</form>
</div>
My css is as follow:
#search
{
width: 270px;
padding: 4px;
font: 100% arial, sans-serif;
height:30px;
background-color: #f8f8f8;
border-radius: 35px;
border-width: 0px;
border-style: solid;
border-color: #c4d9df #a4c3ca #83afb7;
}
#submit
{ background-color: #eaf8fc;
background-image: linear-gradient(#fff, #d4e8ec);
border-radius: 35px;
border-width: 1px;
border-style: solid;
border-color: #c4d9df #a4c3ca #83afb7;
width: 50px;
padding: 4px;
font: 100% arial, sans-serif;}
#search_box {
margin-right: 150px;
width:360px;
height:40px;
text-align:center;
top: 25%;
left: 35%;
position: absolute;
background-color:#f8f8f8;
border-radius: 35px;
border-width: 1px;
border-style: solid;
border-color: #c4d9df #a4c3ca #83afb7;
overflow: hidden; /* Clear floats */
}