html搜索框

作者：浮云过影发布日期:2025-04-02 浏览:100

<!-- HTML 搜索框示例代码 -->
<form action="/search" method="get">
  <label for="search-box">搜索:</label>
  <input type="text" id="search-box" name="query" placeholder="输入关键词...">
  <button type="submit">搜索</button>
</form>

<!-- 解释说明:
1. `<form>` 标签定义了一个表单，`action` 属性指定了表单提交的 URL，`method` 属性指定了提交方法（GET 或 POST）。
2. `<label>` 标签用于定义表单控件的标签，`for` 属性应与相关联的表单元素的 `id` 属性值相同。
3. `<input>` 标签用于创建文本输入框，`type="text"` 表示这是一个文本输入框，`id` 和 `name` 属性用于标识该输入框，`placeholder` 属性提供提示信息。
4. `<button>` 标签用于创建按钮，`type="submit"` 表示这是一个提交按钮，点击后会提交表单。
-->

上一篇：htmlpadding属性

下一篇：html rem