Fatal编程技术网
  • javascript/
  • Javascript 自动完成搜索中不显示搜索图标

Javascript 自动完成搜索中不显示搜索图标

javascript php jquery mysql autocomplete

Javascript 自动完成搜索中不显示搜索图标,javascript,php,jquery,mysql,autocomplete,Javascript,Php,Jquery,Mysql,Autocomplete,我创建了这个自动完成搜索，它在我的mysql数据库中搜索。 这是我的密码： 带有搜索图标的代码段，而不是输入type=“submit”然后使用按钮进行样式化 <html> <head> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" rel="stylesheet"> <script data-

我创建了这个自动完成搜索，它在我的mysql数据库中搜索。 这是我的密码：

带有搜索图标的代码段，而不是输入type=“submit”然后使用按钮进行样式化

<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>
带有搜索图标的代码段，而不是输入type=“submit”然后使用按钮进行样式化

<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>
是否尝试为提交按钮添加固定高度和宽度？CSS示例：
input[type=“submit”]{width:22px；height:22px；display:block；}
指定值为
“
将导致按钮非常窄，没有文本搜索图标？不清楚您指的是什么？是否尝试为“提交”按钮添加固定的高度和宽度？CSS示例：
input[type=“submit”]{width:22px；height:22px；display:block；}
指定值为
“
将导致按钮非常窄，没有文本搜索图标？也不清楚你指的是什么