答案是利用HTML表单直接提交搜索关键词到百度等搜索引擎。通过设置form的action指向百度搜索地址,input的name为wd,用户输入后点击提交即可跳转结果页,添加target="_blank"可在新标签页打开,无需后端支持,更换搜索引擎只需修改action地址和对应参数名如谷歌的q即可。

想在HTML页面里加个搜索功能,让它能跳转到百度或其他搜索引擎,其实不需要写复杂的代码或连接数据库。最简单的方法是利用HTML的表单(form)功能,直接把用户的关键词发送给百度的搜索页面。
用表单实现百度搜索链接
核心思路是创建一个表单,用户输入内容后,点击按钮就把信息发给百度。百度收到后自动显示结果。
-
form标签:设置属性
action="https://www.baidu.com/s",这表示数据要提交到百度的搜索地址。 -
input输入框:加上
name="wd"或name="word",这是百度识别搜索词的关键参数名。 -
提交按钮:使用
或来触发搜索。 -
新窗口打开(可选):在form上加
target="_blank",用户点击后会在新标签页打开搜索结果,不离开你的网页。
一段可以直接用的代码
下面这个例子就是一个完整的、美观且实用的百度搜索框:
复制这段代码到你的HTML文件中就能用。用户输入文字并点击“百度搜索”后,会自动跳转到百度并显示对应结果。
立即学习“前端免费学习笔记(深入)”;
换个搜索引擎也很简单
如果你想用谷歌或者必应,只需要改两个地方:
- 把
action的网址换成目标搜索引擎的搜索地址。 - 确认
name参数是否匹配(比如谷歌常用q)。
例如谷歌搜索:action="https://www.google.com/search" name="q"。基本上就这些,不复杂但容易忽略参数名的正确性。










