13

以下是我的 HTML：

<form class="form-horizontal" method="post">
        <div class="control-group">
            <label class="control-label" for="inputEmail">Email</label>
            <div class="controls">
                <input type="text" id="inputEmail" placeholder="Email">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputPassword">Password</label>
            <div class="controls">
                <input type="password" id="inputPassword" placeholder="Password">
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <label class="checkbox">
                    <input type="checkbox"> Remember me
                </label>
                <button type="submit" class="btn btn-success">Sign in</button>
                <button class="btn btn-primary"> Make a new account </button>
            </div>
        </div>
    </form>

注意：以防万一有人想知道，它正在使用引导库。

我有表单并将其发布到 login.php，但我希望按钮Make a new account将相同的数据发布到 register.php。

那可能吗？如果是这样，怎么做？

4

4 回答 4

12

将标签的action属性设置form为要将数据发送到的页面的 URL。

于 2013-05-08T07:13:29.610 回答
8

尝试以下操作：

Make a new account在 HTML 中为按钮添加 onclick 事件处理程序：

<form class="form-horizontal" method="post" id="myform">
        <div class="control-group">
            <label class="control-label" for="inputEmail">Email</label>
            <div class="controls">
                <input type="text" id="inputEmail" placeholder="Email">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputPassword">Password</label>
            <div class="controls">
                <input type="password" id="inputPassword" placeholder="Password">
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <label class="checkbox">
                    <input type="checkbox"> Remember me
                </label>
                <button type="submit" class="btn btn-success">Sign in</button>
                <button class="btn btn-primary" onclick="javascript:register()"> Make a new account </button>
            </div>
        </div>
    </form>

在 JavaScript 中：

function register() {
    this.action = 'register.php';
    return true;
}

如果这不起作用，您可以尝试：

function register() {
    var frm = document.getElementById("myform");
    frm.action = 'register.php';
    return true;
}

上述解决方案中的一种或两种应该适合您。首选第一种方法，因为它更干净。

请以此为起点，而不是复制粘贴解决方案，并遵循开发的最佳实践。

于 2013-05-08T07:27:13.367 回答
7

我有表单并将其发布到 login.php，但我想要按钮 Make a new account 将相同的数据发布到 register.php。

那可能吗？

在 HTML5 中，使用提交按钮上的formaction属性。

但是浏览器支持可能还不是很好。可以使用 Polyfil 来解决，该 Polyfil 自动将点击处理程序附加到此类按钮并action动态更改表单的属性。

于 2013-05-08T08:03:29.937 回答
1 
<form class="form-horizontal" method="post" action="register.php">
于 2013-05-08T07:14:18.340 回答