如何在html添加一个搜索框和一个按钮？点击按钮，就搜索到框里的内容
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在html添加一个搜索框和一个按钮？点击按钮，就搜索到框里的内容相关的知识，希望对你有一定的参考价值。
超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）html（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 参考技术A <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/register/" method="post">
% csrf_token %
// 文本框
<p>搜索: <input type="text" name="question"></p>
// 提交按钮
<input type="submit">
</form>
</body>
</html>
最后在后端获取数据就可以
req = request.POST.get("question")
怎样用 Javascript 模拟点击按钮执行搜索?
百度听的搜索, Firefox Nightly 上面很奇怪, 搜索框和搜索按钮鼠标没反应,
于是我想用 Js 模拟然后执行一个搜索,
搜索框我用 getElementById 可以写改 value,
但是那个 button 的搜索怎么去执行呢?
源码请去百度听翻了, 我不知道这个事件怎样去模拟..
<form action="/fmpost" method="post" name="fm">
<button name="btn" onclick="fm.submit();"></button>
</form>
2、或者表单action不写跳转方法，直接在button的onclick上写好发送链接。
<form action="" method="post" name="fm" id="fm">
<button name="btn" onclick="document.getElementById('fm').action='/fmpost';document.getElementById('fm').submit();"></button></form> 参考技术A obj.click()
如过是表单. form.submit()
处于安全原因，某些元素无法触发click() 事件，IE和firefox下页可能不一样，可以试一下本回答被提问者采纳
以上是关于如何在html添加一个搜索框和一个按钮？点击按钮，就搜索到框里的内容的主要内容，如果未能解决你的问题，请参考以下文章