📄 6-3.aspx
字号:
<Html>
<Body bgcolor="White">
<center><H3>使用Panel控件示例<Hr></H3></center>
<title>使用Panel控件示例</title>
<script Language="VB" runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
If Not Page.IsPostBack Then
panel2.Visible = False
panel3.Visible = False
End If
End Sub
Sub Button1_Click(sender As Object, e As EventArgs)
panel1.Visible = False
panel2.Visible = True
End Sub
Sub Button2_Click(sender As Object, e As EventArgs)
panel2.Visible = False
panel3.Visible = True
Span1.InnerHtml = "用户名: " & UserID.Text & "<BR>"
Span1.InnerHtml &= "密码: " & Password.Text & "<BR>"
Span1.InnerHtml &= "姓名: " & Name.Text & "<BR>"
Span1.InnerHtml &= "电话: " & Tel.Text & "<BR>"
Span1.InnerHtml &= "E-mail: " & mail.Text & "<BR>"
Span1.InnerHtml &= "地址: " & Addr.Text & "<P>"
End Sub
Sub Button3_Click(sender As Object, e As EventArgs)
Span1.InnerHtml &= "输入完成!"
Button3.Visible = False
End Sub
</script>
<Form runat="server">
<center>
<asp:Panel id="panel1" runat="server">
<Font Color="#800000"><B>第一步：请输入用户名和密码</B></Font><Blockquote>
用户名：<asp:TextBox id="UserID" runat="server" Text="kjwang"/><p>
密码：<asp:TextBox id="Password" TextMode="Password"
Text="kj6688" runat="server"/><p>
<Input Type="Button" id="Button1" value=" 登录 "
OnServerClick="Button1_Click" runat="server">
</Blockquote>
</asp:Panel>
<asp:Panel id="panel2" runat="server">
<Font Color="#800000"><B>第二步：请输入用户信息</B></Font><Blockquote>
姓名：<asp:TextBox id="Name" runat="server" Text="小李"/><p>
电话：<asp:TextBox id="Tel" runat="server" Text="(023)65355678" /><p>
E-mail：<asp:TextBox id="mail" runat="server" Text="jimmy.zh@263.net" /><p>
地址：<asp:TextBox id="Addr" runat="server" Text="重庆市人民路115#" Size="40" /><p>
<Input Type="Button" id="Button2" value="申请"
OnServerClick="Button2_Click" runat="server">
</Blockquote>
</asp:Panel>
<asp:Panel id="panel3" runat="server">
<Font Color="#800000"><B>第三步：请确认你的输入</B></Font><Blockquote>
<Span id="Span1" runat="server"/>
<Input Type="Button" id="Button3" value=" 确认 "
OnServerClick="Button3_Click" runat="server">
</Blockquote>
</asp:Panel>
</center>
</form>
<Hr></body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -