Question

我想创建一个HTML表单，其中一个字段用于用户名，第二个字段用于输入密码，然后在下面包含两个按钮，一个用于登录，另一个用于注册。

我希望“登录”按钮提交表单。我不希望注册按钮提交表单，而是将用户带到另一个页面。如何让两个按钮相互出现并具有我描述的行为？

Answer 1

对我而言，至少尝试使用普通的旧HTML，没有JS或PHP或任何类型的脚本是很重要的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
  <title>Pure HTML submit and link buttons</title>
</head><body>

<div>
  <form action="http://www.mysite.com/login.html" method="post">
    <p><input type="submit" value = "Log In">
      <a href ="http://www.mysite.com/register.html"><span>
        <input type="button" value = "Register"></span></a></p>
  </form>

<a href=""http://validator.w3.org/#validate_by_input">html valid?</a>

</body></html>

Answer 2

<input type="button"    value=" Log in "    onclick="document.form.action='http://example.com/loginPage.php';        document.form.submit();">
<input type="button"    value=" Register "  onclick="document.form.action='http://example.com/registrationPage.php'; document.form.submit();">

Answer 3

在<span></span>内的一行中使用它们那些位于<div></div>

内的不同行

您也可以结帐<table>，但现在不是趋势;）

一些代码可以帮助您入门：

<form>
 <div>name: <input></input></div>
 <div>password: <input></input></div>
 <div><span><button>Login</button></span> <span><button>Register</button></span></div>
</form>

请注意，此代码只是基本布局的示例，而不是工作代码。从表单提交，使用的元素可能会根据您的具体要求而有所不同。

Answer 4

你可以用一些PHP来做到这一点：

HTML文件：

<form  method="post" action= "action.php">

Name : <input type="text" name="name"/><br /><br />

<input type="submit" value="b1" name="action" />

<input type="submit" value="b2" name="action" /><br /><br />

</form>

PHP操作文件：

<?php

    echo "<h1> Hello $name </h1>";

    if ($action == "b1")
    echo "you just clicked button 1";
    if ($action == "b2")
    echo "you just clicked button 2";

    ?>

Answer 5

只有普通的HTML我认为你不能提交并重定向到两个单独的页面。使用服务器端语言查找单击了哪个按钮并相应地登录/重定向。

或者使用提交按钮和带有锚标记的文本作为注册链接。

如何为HTML表单连续创建两个按钮？

5 个答案: