html實現搜尋框
阿新 • • 發佈:2019-01-28
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap模板</title> <meta charset="UTF-8"> <!-- 表示根據裝置的大小調整頁面顯示的寬度--> <meta name="viewport" content="width=device-width,initial-scale=1"> <!-- Bootstrap需要jQuery的支援 匯入jQuery開發包--> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <!-- Bootstrap需要的js包--> <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> <!--Bootstrap需要的CSS樣式--> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> </head> <body><br><br><br><br><br> <!--bootstrap:搜尋框 --> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" placeholder="請輸入檢索關鍵字"> <span class="input-group-btn"> <button class="btn btn-primary">檢索</button> </span> </div> </div> </div> </div> </body> </html>