/Html/Add google search bar to our website in html

Add google search bar to our website in html

<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>

How to create a search bar like google in html

<!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>

Source: stackoverflow.com

Similar codes

0 vote105 views1 answer
Ng-container vue equvalent
Html
32 votes101 views6 answers
Href html
Html
0 vote104 views1 answer
Html onclick pass event
Html
0 vote103 views2 answers
Vertical line navigation bar
Html
56 votes128 views6 answers
How to make a button link in html
Html
0 vote119 views1 answer
Disable lazyload image smush
Html
1 vote92 views2 answers
Website design html
Html
59 votes105 views2 answers
Html round border
Html
0 vote108 views3 answers
How to make a svg of full width of a webpage html
Html
0 vote144 views1 answer
Smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sar
Html