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

您可以在html中创建一个链接到其他页面的按钮。

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

Answer 2

您的静态解决方案是，您可以为每个页面设置下一个上一个按钮，并在该页面上设置相应的链接

，例如

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

<强> page4.html

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

通过html页面滑动下一个和上一个按钮

2 个答案: