如何使用两种形式的常用输入？

Question

我想创建登陆页面，其中有两个用于登录和另一个用于登记的登记表单。 但我的设计如下图（我试图在这个图中解释），我想使用嵌套的形式。 登录表格在登记表格内。

当用户点击登录时，将数据提交给login.jsp，并将注册按钮提交给register.jsp

我知道嵌套表单在html中是不可能的，但在JavaScript或jsp中可用的任何其他方法都可以实现此功能。

所以我想将这些电子邮件和密码输入用于登录表单以及注册表单。

 __________________________________________
|                                          |
|  ___________________________             |
| |                           |            |
| |                           |            |
| |  email                    |            |
| |                           |            |
| |                           |            |
| |                           |  Login     |
| |                           |            |
| |  password                 |            |
| |                           |            |
| |                           |            |
| |___________________________|            |
|                                          |
|                                          |
|  First Name                              |
|                                          |
|                                          |
|  Last Name                               |
|                                          |
|                                          |
|  Birth Day                               |
|                                          |
|                 Register                 |
|__________________________________________|

谢谢。

Answer 1

使用提交到user.jsp的单个表单，并根据提交的数据中显示的提交按钮（<input type="submit" name="login" value="Login">或<input type="submit" name="register" value="Register">）进行分支。

如果遵循Login分支，请忽略您不关心的所有字段。

Answer 2

表格不应该嵌套。它违背了html5 working draft。

  

4.10.3 form元素

     

内容模型：

     

流内容，但没有表单元素后代。

您可以创建两个单独的表单，隐藏的电子邮件和后一个密码字段。然后附加一个函数，当用户单击register - 按钮时，将这些字段从一个表单复制到另一个表单。