html - 具有 2 组字段且在提交时不刷新的表单

Question

我正在尝试制作一个具有 4 个基本输入的联系表格：

• 姓名
• 电子邮件
• 电话号码
• 价格金额

但是我想做的是在用户按下提交后将信息发送给管理员，然后在该页面顶部加载另一个表单，该表单有第二组字段供用户填写。

任何帮助将不胜感激！

Answer 1

如果您使用的是 PHP，您可以使用以下命令进行重定向：

header("location: AnotherForm.html");

如果你想用 Javascript 来做，你可以用这个显示一个隐藏的元素：

<script>
$( document ).ready(function() {
$("#Form1Button").click(function( event ) {
    event.preventDefault();
    $( "#Form2ID" ).toggle("fast");
    });
});
</script>

并在<input>元素中添加：

<input id="Form1Button" type="submit" value="Button" name="Form1Button">

只需确保两件事：

• 第二种形式必须隐藏style="display:none;"
• 第二个表单必须包含与第一个表单相同的 CSS 值（位置、大小）才能“重叠”它。