hoe to create a search bar 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>

how to make a search engine in html

<html>

<head>

<title>Internet</title>
</head>

<body style="background-color:yellow;">

<img src="google.png" alt="google" name="google.png" id="google.png" width="30" height="30" align="left">

<input type="text" name="q" placeholder="Search Google" cols="4" rows="5">
        <input type="submit" value="search">
<form action="file:///C:/Users/User/Desktop/Untitled1.htm" method="GET">
        <input type="submit" value="cancel">
</form>

<a href="#bottom"><a href="https://youtube.com">Youtube</a></div></a>
<a href="#bottom"><a href="#bottom"><a href="http://uiaatoursop.unaux.com/">clipbucket</a></div></a>
<a href="#bottom"><a href="https://twitter.com/">Twitter</a></div></a>
<a href="#bottom"><a href="https://mail.google.com/mail/?tab=rm&ogbl">Gmail</a></div></a>
<a href="#bottom"><a href="http://www.whatsapp.com/">Whatsapp</a></div></a>
<a href="#bottom"><a href="https://www.instagram.com/">Instagram</a></div></a>
<a href="#bottom"><a href="https://demos.buddyboss.com/online-communities/">Online communities</a></div></a>
<a href="#bottom"><a href="https://www.google.co.ug/intl/en/about/products?tab=rh">Apps</a></div></a>
<form action="file:///C:/Users/User/Desktop/Untitled5.htm" method="GET">
        <input type="submit" value="how to use Internet">
</form></textarea></form>

<center><img src="earth.png" alt="earth" name="earth.png" id="earth.png" width="200" height="200">
<center><h1>Internet</h1></center>
<form action="https://www.google.com/search" method="GET" placeholder="google">
        <!-- A <textarea> tag (better for multi-line text)-->
<input type="text" name="q" placeholder="search anything" cols="4" rows="5">
        <input type="submit" value="search">
</form>
<form action="file:///C:/Users/User/Desktop/Untitled1.htm" method="GET">
        <input type="submit" value="cancel">
</form>

</body></center>

</html>

Posted by: Guest on December-26-2021

Code answers related to "hoe to create a search bar in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "hoe to create a search bar in html"

Code answers related to "hoe to create a search bar in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us