htmlページの次と前のボタンをスライドする

Question

私は4つの異なるページにマルチページフォームを作成しています。フォームをナビゲートするには、次と前のボタンを含めたいと思います。私はオンラインで検索しましたが、私が見つけたものは通常、ページ上で<div>をナビゲートしています。これを変更して入札を行うにはどうすればよいですか？前もって感謝します。

これは、以前オンラインで見つかったボタンのコードです。 .registration-formはフォームの名前です。 htmlページをナビゲートするには、これを変更したいと思います。別のページに

$('.registration-form .btn-previous').on('click', function() { 
    $(this).parents('fieldset').fadeOut(400, function() { 
     $(this).prev().fadeIn(); 
    }); 
}); 

フォームは、名前part1、part2、part3とpart4を持っています。 また、ユーザーが前のページに移動して次のページに戻るとき、ユーザーは前のボタンを押す前に入力した内容を確認する必要があります。

Answer 1

あなたのための静的な解決策は、あなたがすべてのページに次の前のボタンを設定し、そのページなどのため

上の各リンクを設定することができるということです。

page1.html

<input type="button" value="Previous" onclick="window.location='page4.html'"> 
<input type="button" value="Next" onclick="window.location='page2.html'"> 

page2.html

<input type="button" value="Previous" onclick="window.location='page1.html'"> 
<input type="button" value="Next" onclick="window.location='page3.html'"> 

page3.html

<input type="button" value="Previous" onclick="window.location='page2.html'"> 
<input type="button" value="Next" onclick="window.location='page4.html'"> 

ページ4html

<input type="button" value="Previous" onclick="window.location='page3.html'"> 
<input type="button" value="Next" onclick="window.location='page1.html'"> 

Answer 2

htmlで別のページにリンクするボタンを作成することができます。

<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />