用html写一个搜索页面
以下是一个简单的HTML搜索页面示例,包含一个搜索表单和一个搜索按钮:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>搜索页面</title>
</head>
<body>
<form action="/search" method="get">
<label for="query">搜索:</label>
<input type="text" id="query" name="q">
<button type="submit">搜索</button>
</form>
</body>
</html>
在这个例子中,当用户填写搜索词并点击搜索按钮时,浏览器会向服务器发送一个GET请求到/search
路径,并带上一个查询参数q
,其值为用户输入的搜索词。服务器端需要处理这个请求并返回相应的搜索结果。请注意,action
属性的值应该根据实际的服务器端路由进行相应的调整。
评论已关闭