首页 > 解决方案 > html表单按钮重定向到同一页面

问题描述

我的页面中有 2 个按钮。我只想Addform.php在单击submit按钮时重定向到页面。但是我的代码将从submitreset按钮重定向到该页面。

<form id= "myForm" action= "Addform.php" method= "post">
                    First name:
                    <input type="text" id="fname"><br/><br/>
                    Last name:
                    <input type="text" id="lname"><br/><br/>
                    Age:
                    <input type="text" id="age"><br/><br/>
                    Major Subject:
                    <select id="select">
                      <option value="">---</option>
                      <option value="op1">Mathematics</option>
                      <option value="op2">Computer</option>
                      <option value="op3">Statistics</option>
                    </select><br/><br/>
                    GPA:
                    <input type="text" id="gpa"><br/><br/>

                <button id="btnSubmit" onclick="validation()" value= "submit">Submit</button>
                <button id="btnReset" onclick= "resetForm()">Reset</button><br/>
            </form>

标签: phphtmlforms

解决方案


您必须使用他们没有提交表单的按钮类型进行这样的编码,简单的方法是设置这样的按钮类型type = "reset"

<form id= "myForm" action= "Addform.php" method= "post">
                    First name:
                    <input type="text" id="fname"><br/><br/>
                    Last name:
                    <input type="text" id="lname"><br/><br/>
                    Age:
                    <input type="text" id="age"><br/><br/>
                    Major Subject:
                    <select id="select">
                      <option value="">---</option>
                      <option value="op1">Mathematics</option>
                      <option value="op2">Computer</option>
                      <option value="op3">Statistics</option>
                    </select><br/><br/>
                    GPA:
                    <input type="text" id="gpa"><br/><br/>

                <button type="button" id="btnSubmit" onclick="validation()" value= "submit">Submit</button>
                <button type="button" id="btnReset" onclick= "resetForm()">Reset</button><br/>
<!-- or -->
<!--<button type="reset" >Reset</button>-->

            </form>

推荐阅读