2

我对编码完全陌生——我可以做一些基本的 HTML。我正在尝试为我的一个朋友创建一个交互式故事,在那里我要创建一个表单,该表单根据表单中的关键字重定向到不同的页面。

IE。“天空是什么颜色的?” 带有提交表单框。

如果他们输入“蓝色”,则将其发送到页面 A。如果他们输入“绿色”或“黄色”,则将其发送到页面 B。如果输入“黑色”,则将其发送到页面 C。

我不认为这太复杂 - 我只是找不到任何地方解释如何做这样的事情。

我知道我需要做一个 HTML 表单并使用 PHP 或 Javascript 来做到这一点。我唯一的限制是我想确保它可以在移动设备上运行。

有什么建议,或者你知道我可以去哪里研究如何根据表单答案将用户发送到特定页面的任何网站吗?

非常感谢!

-拉赫。

4

4 回答 4

0

在 PHP 中,您可以使用函数通过发送带有所需 URL 的 http-response 标头作为其值header()来进行服务器端重定向:Location

header('Location: http://example.com/');
于 2012-04-11T00:03:20.700 回答
0

在处理表单的页面上,检查$_POST变量,然后根据该变量进行重定向。

if ($_POST['answer'] == "blue") {
   header('Location: http://blue.com/');
} else if ($_POST['answer'] == "yellow") {
   header('Location: http://yellow.com/');
}
于 2012-04-11T00:06:14.553 回答
0

不使用像 php 这样的服务器端语言,你可以使用 jquery

<input id="input1" type="text"  />
<button id="p" type="button">Click Me!</button> 

<script type="text/javascript">
$(document).ready(function(){
  $("#p").click(function(){
    if($("input1").val()=="blue")
    {
       window.location = "pagea.html";
     }
   if($("input1").val()=="green")
    {
       window.location = "pageb.html";
     }

  });
});
</script>
于 2012-04-11T00:12:26.837 回答
0

这是一个使用 javascript 的示例:http: //jsfiddle.net/YeEuy/

没有提交按钮,每次击键后都会检查事件。

于 2012-04-11T00:12:48.740 回答