轨道&x2B；Javascript：如何创建从左向右滑动/更改表单的按钮？

例如，有一个包含3个部分的表单，a、B和C。最初，用户只能看到a。填写a并单击a

Next

按钮后，屏幕向左滑出a，向右滑入B。然后，用户可以选择单击

Next

或

Back

分别查看C或A。在C上，用户可以单击Submit以提交表单，然后在数据库中创建用户

我希望所有这些都在一个页面上，如果可能的话，页面底部没有长的滚动条。如果需要滚动条，则首选JQuery风格的滚动条

---

我似乎找不到关于这类事情的任何信息。任何帮助都将不胜感激

这样做很简单

这是一个工作演示 这里有很好的教程

只需将此标记中的控件替换为您需要的控件，而不是按钮，您需要启用禁用下一个按钮

<div id="steps">
        <form id="formElem" name="formElem" action="" method="post">
            <fieldset class="step">
                <legend>Account</legend>
                <p>
                    <label for="username">User name</label>
                    <input id="username" name="username" />
                </p>
                <p>
                    <label for="email">Email</label>
                    <input id="email" name="email" type="email" />
                </p>
                <p>
                    <label for="password">Password</label>
                    <input id="password" name="password" type="password" />
                </p>
            </fieldset>
            <fieldset>
            ...
            </fieldset>
        </form>
    </div>

账户

用户名


电子邮件


密码

...