求一个自定义的搜索框html写法

Question

地址页格式为： 域名/s-关键词.html
前端应该怎么写

Answer 1

以下是一个简单的自定义搜索框的HTML写法：

<form id="search-form" action="/search" method="GET">
  <input type="text" id="search-input" name="q" placeholder="搜索...">
  <button type="submit" id="search-button">搜索</button>
</form>

这个搜索框由一个文本输入框和一个提交按钮组成，包含以下要素：

form 标签定义了搜索表单，action 属性指定了搜索表单提交的地址，这里设置为 /search。
method 属性定义了提交的 HTTP 方法，通常使用 GET 或 POST。默认为 GET，这里我们也使用 GET 方法。
input 标签定义了文本输入框，type 属性设置为 text，name 属性设置为 q，这个值将作为搜索关键字提交到后端服务。
placeholder 属性设置了输入框的提示文本，当输入框为空时显示。
button 标签定义了提交按钮，type 属性设置为 submit，这样点击按钮就能提交表单并跳转到搜索结果页面了。
你可以根据需要改变这些属性的值，例如调整输入框大小、样式等。此外，你可以使用 CSS 来定义搜索框的样式和布局。