ASP.net C#。多个页面合而为一

ASP.net C#. Multiple pages in one

所以我使用的是 ASP.NET 4.5 网络表单。 我有这个表格,我希望用户在其中输入数据,在用户输入数据后,他们应该能够按下下一步按钮,然后他们可以输入更多数据。

是否可以在一个 ASPX 表单上执行此操作,或者我是否需要创建另一个 ASPX 表单。

例如

用户名

密码

--- 用户点击下一步按钮---

电子邮件

Phone

--- 用户点击完成---

是的,这可以通过 asp.net 向导控件或 MultiView 控件实现。您应该能够在标准类别下的工具箱中找到这些控件。

要了解有关这些控件的更多信息,请点击以下链接:

https://msdn.microsoft.com/en-us/library/wdb4eb30(v=vs.140).aspx https://msdn.microsoft.com/en-us/library/ms227665(v=vs.140).aspx

试试这个:

最初,我隐藏了电子邮件和 phone,当用户单击下一步时,它将样式设置为 display:block 以显示两个文本框

<script>
            function showDiv() {
                document.getElementById('divEmailAndPhone').setAttribute('style', 'display:block');
            }
     </script>
        <form id="form1" runat="server">
            <div>
                <asp:Label runat="server" Text="Username">
                </asp:Label>
                <asp:Label runat="server" Text="Password"></asp:Label>
                <button onclick="showDiv(); return false;">Next</button>
            </div>
            <div id="divEmailAndPhone" style="display:none">
                <asp:Label runat="server" Text="Email"></asp:Label>
                <asp:Label runat="server" Text="Phone"></asp:Label>
            </div>
        </form>

您可以在一页中完成。 只需添加另外两个文本框并将 visible false 设置为 them.when 您按下一个按钮更改标签文本并将这些文本框设置为 visible true 并隐藏用户名和密码文本框。

创建两个 div,一个用于用户名和密码,另一个用于电子邮件和 phone。

使用jquery 'hide' 和'show' 效果你可以控制两个div,当用户点击下一步按钮时设置'show'。

我不确定这是否适合您。