制作一个带有搜索文本框的静态网页
时间: 2023-07-04 19:11:02 浏览: 240
制作静态网页
以下是一个带有搜索文本框的 HTML 静态网页制作代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>搜索页面</title>
</head>
<body>
<header>
<h1>搜索页面</h1>
</header>
<main>
<section>
<h2>搜索</h2>
<form action="#" method="get">
<label for="search">搜索:</label>
<input type="text" id="search" name="search">
<input type="submit" value="搜索">
</form>
</section>
<section>
<h2>搜索结果</h2>
<p>这里是搜索结果的内容。</p>
</section>
</main>
<footer>
<p>版权所有 © 我的网页</p>
</footer>
</body>
</html>
```
这个代码示例包括了一个简单的搜索页面结构,包括头部、搜索框和搜索结果。你可以根据自己的需求进行修改和扩展。在这个例子中,搜索框使用了 HTML 表单元素,通过 method 属性设置为 "get",表示提交表单时使用 GET 方法。当用户在搜索框中输入关键字并提交表单时,表单数据将被传递到服务器端,在 URL 中附加查询字符串。
阅读全文