时间戳

首页 > 解决方案 > 根据表单的文本输入进行 HTML 页面重定向

html - 根据表单的文本输入进行 HTML 页面重定向

问题描述

做一个小搜索引擎。这个想法是从用户那里获取输入，然后在此基础上重定向到搜索页面。

以下代码：

<form action ="/search.html">
     <label for="form-search"></label>
     <input type="text" id="form-search" placeholder="TYPE HERE!"><hr>
     <input type="submit" name="query" value="Search!">
</form>

无论输入用户给出什么，总是重定向到以下页面：

/search.html?query=++搜索%21++

虽然（对于输入“假设已输入”）它应该转到：

/search.html?query=假设++This++Was++Entered

任何帮助将不胜感激。

标签： html

解决方案

url 查询字符串中使用的 var 名称是name表单字段的属性，因此您需要向字段添加属性name而text不是提交输入。

<form action ="/search.html">
   <label for="query"></label>
   <input type="text" id="query" name="query" placeholder="TYPE HERE!"><hr>
   <input type="submit" value="Search!">
</form>

文本字段中的 id 和名称不必相同

推荐阅读