繁体   English   中英

ASP.net C#。 多页合一

[英]ASP.net C#. Multiple pages in one

所以我正在使用ASP.NET 4.5 Web表单。 我有这样的表格,我希望用户输入数据,在用户输入数据之后,他们应该能够按下一步按钮,并且他们可以输入更多数据。

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

例如

用户名

密码

---用户单击下一个按钮---

电子邮件

电话

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

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

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

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

尝试这个:

最初,我隐藏电子邮件和电话,当用户单击下一步时,它将样式设置为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>

您可以在一页上完成。 只需添加其他两个文本框并将其设置为false即可。当您按下下一步按钮时,更改标签文本并将这些文本框设置为true并隐藏用户名和密码文本框。

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

使用jQuery的“隐藏”和“显示”效果,您可以控制两个div,当用户单击“下一步”按钮时设置“显示”。

我不确定这是否适合您。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM