搜索圖標不會顯示在自動填充搜索中

Question

我創建了這個自動完成搜索，它在我的mysql數據庫中搜索。 這是我的代碼：

 <div class="search-bar"> <div class="ui-widget"> <input id="skills" class="search1" placeholder="Cerca un tipo di marca"> <input type="submit" value=""> </div> </div>

這是數據庫連接：

<?php 
    $dbHost='localhost';
    $dbUsername='root';
    $dbPassword='evolvia2016';
    $dbName='codexworld';

    $db=new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);

    //get search term 
    $searchTerm=$_GET['term']; 

    //get matched data from skills table 
    $query=$db->query("SELECT * FROM skills WHERE skill LIKE '%".$searchTerm."%' ORDER BY skill ASC");
    while ($row = $query->fetch_assoc()) {
        $data[] = $row['skill'];
    }
    //return json data 
    echo json_encode($data);
?>

問題是提交按鈕或搜索圖標（縮放）沒有出現在這里。我創建了這個：

 <input type="submit" value="">

輸出搜索圖標但沒有任何外觀，除了一個效果很好的文本框。 因此除了搜索圖標外，自動完成功能正常。 有人可以幫助我嗎？我的代碼中有錯誤嗎？謝謝！

Answer 1

一個帶有搜索圖標的片段，而不是輸入類型=“提交”使用按鈕來設置風格。

<html>

  <head>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <script data-require="bootstrap@*" data-semver="4.0.0-alpha.2" src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div id="custom-search-input">
          <div class="input-group col-md-12">
            <input type="text" class="  search-query form-control" placeholder="Search" />
            <span class="input-group-btn">
              <button class="btn btn-danger" type="button">
                <span class=" glyphicon glyphicon-search"></span>
              </button>
            </span>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>

搜索圖標不會顯示在自動填充搜索中

問題描述

1 個解決方案

解決方案1
0 已采納 2016-08-22 13:42:58

搜索圖標不會顯示在自動填充搜索中

問題描述

1 個解決方案

解決方案1 0 已采納 2016-08-22 13:42:58

解決方案1
0 已采納 2016-08-22 13:42:58