html写一个漂亮的搜索栏

好的，以下是一个简单的HTML搜索栏示例，你可以根据自己的需求进行样式和布局的调整：

<div class="search-container">
  <form action="/search">
    <input type="text" placeholder="搜索">
    <button type="submit">提交</button>
  </form>
</div>

你可以通过添加CSS代码来美化这个搜索栏，例如：

.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

input[type=text] {
  padding: 10px;
  border: none;
  border-radius: 5px 0 0 5px;
}

button[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

button[type=submit]:hover {
  background-color: #45a049;
}

这些代码将搜索栏放置在容器中，并使其水平居中对齐。输入框和提交按钮都有自己的样式，以使它们看起来更加美观和专业。