Question

我正在尝试构建一个分布在两个页面上的简单HTML表单。第一页询问用户的名字和姓氏。第二页要求他的国家＆amp;他是否愿意收到更多信息。

第一页有一个名为“Next”的按钮，用于转到第二页。第二页有两个按钮，名为“Next”，下一页（目前不存在），“Back”返回第一页。

在单击“下一步”按钮的第一页上，没有任何反应。如何点击它进入下一页？

这是我的代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
    <?php
        if(!isset($_POST['next1']))
            Display1();
        else if(isset($_POST['next1']))
            Display2();
        else if(isset($_POST['back1']))
            Display1();
    ?>
    <?php
        function Display1()
        {
    ?>
    <form id="form1" action="Multi.php" method="post">
    <label>Enter First Name: </label>
    <input type="text" name="text1"  />
    <br />
    <br />
    <label>Enter Last Name: </label>
    <input type="text" name="text2"  />
    <br />
    <br />
    <input type="button" name="next1" value="Next" />
    <?php
    }
    function Display2()
    {
    ?>
        <form id="form2" action="Multi.php" method="post">
        Select Country
        <select name="country[]" multiple="multiple">
        <option value="India">India</option>
        <option value="USA">USA</option>
        <option value="China">China</option>
        </select>
        <br />
        <br />
        Do you want to receive latest info ?
        <input type="checkbox" name="checkbox1[]"  />Yes
        <br />
        <br />
        <input type="button" name="next2" value="Next" />
        <input type="button" name="back1" value="Back" />
    <?php
    }
    ?>
</body>
</html>

Answer 1

输入类型需要“提交”

 <input type="submit" name="next1" value="Next" />

因此，对于具有“按钮”的所有输入，您需要更改为“提交”

Answer 2

作为阿比克回答的补充。

<input type="button">只是一个可点击的输入。当你想要调用JS脚本时，你（大部分）都会使用它。因此，如果出于某种模糊的原因，您希望使用此代替Abhik提供的更简单的解决方案，请继续添加onclick事件处理程序。

<input type="button" onclick="document.getElementById("form1").submit();">

您也可以使用<button>，但请确保始终指定type。优点是它们提供更高程度的定制。基本上，您可以将HTML放在<button>标记内。

所以也试试：

<button type="submit" value="Next">Next</button>

其他类型的按钮是（来源：w3schools.com）：

按钮：该按钮是一个可点击按钮
提交：按钮是提交按钮（提交表单数据）
reset：该按钮是一个重置按钮（将表单数据重置为其初始值）

PHP - 无法监听提交按钮按下

2 个答案: