### 使用 Panel 控件显示或隐藏一组控件

下面示例主要是使用 Panel 控件，显示或隐藏一组控件。当用户未登录时，将提示用户单击【点击 me】按钮登录本网站，如图 1 所示；当用户单击【点击 me】按钮登录时，将会隐藏提示信息，显示用户登录窗体，如图 2 所示。

图 1 提示用户单击【登录】按钮登录本网站

图 2 用户登录窗体

程序实现的主要步骤：

新建一个网站，默认主页为 Default.aspx，在 Default.aspx 页面上添加的控件及其用途如表 1 所示。

表 1 Default.aspx 页面上添加的控件及其用途如表

控件类型 | 控件名称 | 主要属性设置 | 用途
标准/Panel 控件 | Panel1 | Font/Size 设置为“9pt” Font/Bold 设置为“True” ForeColor 设置为“Red” HorizontalAlign 设置为“Left” | 用于存放 Label1 和 LinkButton1 控件
标准/Panel 控件 | Panel2 | Font/Size 设置为“9pt” HorizontalAlign 设置为“Left” | 用于存放 Button1 和 TextBox1 控件
标准/Label 控件 | Label1 | Text 属性设置为“” | 显示当前系统时间
标准/ LinkButton 控件 | LinkButton1 | Text 属性设置为“点击 me” | 执行显示或隐藏 Panel 控件
标准/Button 控件 | Button1 | Text 属性设置为“登录” | 执行登录功能
标准/TextBox1 控件 | TextBox1 | TextMode 属性设置为“SingleLine” | 输入登录名

如果用户需要登录网站，可以通过单击【点击 me】按钮，来隐藏 Panel1 控件，显示 Panel2 控件，在【点击 me】按钮的 Click 事件下添加的代码如下：

protected void LinkButton1_Click(object sender, EventArgs e)

{

this.Panel1.Visible = false;

this.Panel2.Visible = true;

}