<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 :: image drive inside html |
| Html :: bootstrap modal fullscreen |
| Html :: regex to remove html tags python |
| Html :: iframe adjust pdf zoom |
| Html :: adding image in html |
| Html :: justify-content-between bootstrap 4 |
| Html :: back button ionic |
| Html :: bootstrap align right |
| Html :: html skype chat link |
| Html :: href disable underline |
| Html :: a href type submit |
| Html :: how to use google drive image in html |
| Html :: html ö |
| Html :: html starting tag |
| Html :: html importer une image |
| Html :: html link tag |
| Html :: html lazy loading images |
| Html :: add favicon to website html |
| Html :: password pattern html regex |
| Html :: laravel csrf protection |
| Html :: hotlink html |
| Html :: how to add placeholder in type date |
| Html :: get input value on button click javascript |
| Html :: how to use pyscript in html |
| Html :: what to put in http equiv in html |
| Html :: meter balise |
| Html :: meta viewport |
| Html :: html dropdown |
| Html :: iframe maps |
| Html :: question mark html |