Hbuilder制作搜索框的代码

以下是使用 HBuilder 制作搜索框的代码示例：

HTML代码：

<div class="search-container">
  <input type="text" placeholder="Search...">
  <button type="submit"><i class="fa fa-search"></i></button>
</div>

CSS代码：

.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-container input[type="text"] {
  width: 50%;
  padding: 12px;
  border: none;
  border-radius: 25px 0 0 25px;
  outline: none;
  font-size: 18px;
}

.search-container button[type="submit"] {
  padding: 12px;
  border: none;
  background-color: #333;
  color: #fff;
  border-radius: 0 25px 25px 0;
  cursor: pointer;
  font-size: 18px;
}

.search-container button[type="submit"]:hover {
  background-color: #444;
}

这段代码会生成一个带有搜索输入框和搜索按钮的搜索框。你可以根据需要进行样式调整。