html制作小米搜索框代码

如果您想在自己的网站或者项目中使用小米搜索框，可以通过 HTML 来实现。下面是一个小米搜索框的代码示例：

<div class="search-Box">
  <form role="form">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入搜索关键词">
      <span class="input-group-btn">
        <button class="btn-search btn btn-primary" type="button">
          <i class="iconfont icon-sousuo"></i>
        </button>
      </span>
    </div>
  </form>
</div>

上面的代码中，可以看到使用了 Bootstrap 的 input-group 和 input-group-btn 来实现输入框和按钮的组合。其中，form-control 类用于设置输入框的样式，btn-search 类用于设置按钮的样式。

如果您想修改样式或者添加其他效果，可以根据自己的需要进行调整。同时，需要注意的是，小米搜索框的图标使用了 iconfont 图标库，需要先引入相应的 CSS 文件和字体文件：

<link rel="stylesheet" href="https://at.alicdn.com/t/font_1708491_tl2nsk03qf.css">

最后，将上述代码复制到自己的项目中，就可以使用小米搜索框了。