如何对两个表单使用公共输入

how to use common inputs for two forms?

本文关键字：表单输入两个更新时间：2023-09-26

我想创建一个登陆页，它有两种形式，一种用于登录，另一种用于注册。但我的设计如下图（我试图在这张图中解释），我想使用嵌套形式。登录表格在注册表格中。

当用户点击login时，将数据提交到login.jsp，对于register按钮，将提交到register.jsp

我知道嵌套形式在html中是不可能的，但在JavaScript或jsp中可以使用任何其他方法，所以我可以实现这个功能。

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

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

谢谢。

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

忽略所有您不关心的字段（如果遵循"登录"分支）。

表单不应嵌套。这违背了html5的工作草案。

4.10.3 form元素

内容模型：

流动内容，但没有表单元素子体。

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