panel web 控件可以让我们群组控件，让我们决定在panel 中的控件是否要显示出来。其使用语法为：
<asp:panel
id="被程序代码所控制的名称"
runat="server"
backimageurl="url"
horziontalalign="center | justify | left | notset | right"
wrap="true | false"
>
其它控件...
</asp:panel>
panel web 控件的基本属性如下所示：
下面范例为计算男女标准体重：
<html>
<form id="form1" runat="server">
<asp:panel id="main" runat="server"> <!--配置主panel-->
标准体重计算程序<hr>
依您的性别进入不同的计算方法
<asp:button id="btnman" text="我是男生" onclick="btnman_click"
runat="server"/>
<asp:button id="btnwoman" text="我是女生" onclick="btnwoman_click"
runat="server" />
</asp:panel>
<asp:panel id="man" runat="server"> <!--配置计算男生体重的panel-->
输入您的身高：<asp:textbox id="txtman" runat="server" />
<asp:button id="showresult1" text="看结果" onclick="showman"
runat="server" />
</asp:panel>
<asp:panel id="woman" runat="server"> <!--配置计算女生体重的panel-->
输入您的身高：<asp:textbox id="txtwoman" runat="server" />
<asp:button id="showresult2" text="看结果" onclick="showwoman"
runat="server" />
</asp:panel>
<asp:panel id="result" runat="server"> <!--配置显示标准体重的panel-->
您的标准体重为：<asp:label id="lblbody" runat="server" />公斤
</asp:panel>
</form>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
if not page.ispostback then '第一次执行时只显示主panel
man.visible=false
woman.visible=false
result.visible=false
end if
end sub
sub btnman_click(sender as object,e as eventargs)
main.visible=false '将主panel 隐藏, 计算男生体重的panel 显示
man.visible=true
end sub
sub btnwoman_click(sender as object,e as eventargs)
main.visible=false '将主panel 隐藏, 计算女生体重的panel 显示
woman.visible=true
end sub
sub showman(sender as object,e as eventargs)
man.visible=false '将计算男生体重的panel 隐藏, 显示计算结果
result.visible=true
lblbody.text=cint((cint(txtman.text)-80)*0.7)
end sub
sub showwoman(sender as object,e as eventargs)
woman.visible=false '将计算女生体重的panel 隐藏, 显示计算结果
result.visible=true
lblbody.text=cint((cint(txtwoman.text)-70)*0.6)
end sub
</script>
</html>
1. 程序开始执行时只会出现id 为main 的panel web 控件，如下图所示：
2. 我们选择性别后，接着输入自己的身高：
3. 最后出现标准体重：
善用panel web 控件，不但可以让我们群组对象外，还可以在同一个aspx 网页中执行许多程序，而不用分散成许多aspx 档案。
