<form action="https://www.google.com/search" method="get" target="_blank" id="search-form">
<input name="q" type="text" placeholder="search..." autocomplete="off" autofocus>
</form>
<!DOCTYPE html>
<html>
<head>
<style>
.searchbar{
margin-top:25px;
margin-left:283px;
width:100%;
}
.bar{
border-radius:0;
-webkit-box-shadow: 2px 3px 0px -2px #ccc;
padding:10px;
border:0px;
outline: none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #CCC;
}
.bar:hover{
-webkit-box-shadow: 3px 6px 7px -3px #ccc;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="searchbar">
<div class="form-group ">
<input type="text" class="bar" style="width:588px; height:44px; outline:none;" class="form-control" >
<a href="#"><i style="margin-left:559px; top:-30px; "class="glyphicon glyphicon-search"></i></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Code Example |
---|
Html :: mat button copy link |
Html :: html textbox pattern mobile number |
Html :: r download a url |
Html :: bootstrap 5 rounded |
Html :: how to change font html |
Html :: html structure |
Html :: html width |
Html :: bootsrp |
Html :: html unicode info icon |
Html :: how to set an svg favicon in html |
Html :: pyscript python |
Html :: disable radio button in html |
Html :: html phone number |
Html :: react render string as html |
Html :: how to add video in html background |
Html :: disabled any key in JS |
Html :: html entity at sign |
Html :: html input size |
Html :: dart remove html tags |
Html :: how to download folder using scp |
Html :: ex:html |
Html :: bootstrap 4 spinner not showing |
Html :: html samp |
Html :: ion input password |
Html :: html a link to section on page |
Html :: html empty line |
Html :: website code example for html |
Html :: how to check if html table is empty using jquery |
Html :: how to put anchor in center in html |
Html :: index.html favicon.ico 404 (Not Found) |