html - 2 セットのフィールドがあり、送信時に更新されないフォーム

Question

最初に4つの基本的な入力があるお問い合わせフォームを作成しようとしています:

• 名前
• Eメール
• 電話番号
• 価格金額

しかし、私がやりたいことは、ユーザーが送信を押した後に管理者に情報を送信することですが、そのページの上に、ユーザーが入力するための2番目のフィールドセットを持つ別のフォームをロードします.

どんな助けでも大歓迎です！

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">

次の 2 点を確認してください。

• 2番目のフォームは非表示にする必要がありますstyle="display:none;"
• 2 番目のフォームには、最初のフォームと「オーバーラップ」するために同じ CSS 値 (位置、サイズ) が含まれている必要があります。