写一个如何在html中的搜索栏跳转到其他网页的代码
时间: 2024-05-02 15:17:40 浏览: 116
HTML代码简介
5星 · 资源好评率100%
以下是一个简单的搜索栏示例,其中包含一个文本框和一个提交按钮:
```html
<form action="http://www.example.com/search" method="get">
<input type="text" name="q" placeholder="Search...">
<button type="submit">Go</button>
</form>
```
在这个示例中,`action` 属性指定了搜索表单提交时要跳转的网页地址,`method` 属性指定了使用 GET 方法提交表单数据。当用户在搜索栏中输入关键词并点击提交按钮时,浏览器会将关键词作为查询字符串附加到 `action` 属性指定的网址后面,然后跳转到该网址。
例如,如果用户在搜索栏中输入关键词 `apple` 并点击提交按钮,那么浏览器会将查询字符串 `?q=apple` 附加到 `http://www.example.com/search` 的末尾,然后跳转到该网址。在目标网页中,可以使用服务器端脚本来处理查询字符串并显示搜索结果。
阅读全文