1
2/**
3 * search on google when we click submit button
4 */
5
6
7<html lang="en">
8<head>
9 <meta charset="UTF-8">
10 <meta http-equiv="X-UA-Compatible" content="IE=edge">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
13 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
14 <title>Search on google</title>
15</head>
16<body>
17 <div class="container">
18 <h1 class="text-center text-primary">Search box</h1>
19 <form action="https://www.google.com/search" method="get" >
20 <!-- name must be 'q' because query aprameter in pass q -->
21 <input type="text" name="q" placeholder="Search Here">
22 <button type="submit" class="btn-sm btn-primary">search</button>
23 </form>
24 </div>
25
26</body>
27</html>