Tabs

Tabs控件的功能是在一个页面上显示多个选项卡。由两部分组成：TabContainer和TabPanel.前者表示整个一组选项卡，而后者表示其中的一个选项卡。

属性列表：
OnClientActiveTabChanged:单击选项卡标题触发的事件
Height:选项卡的高度
ContentTemplate:选项卡内的模板
HeaderTemplate:选项卡的标题模板
ActiveTabIndex:默认显示的选项卡
ScrollBars:是否显示滚动条

实例解析一、简单应用

    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>   
    </div>
        <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" Height="86px" Width="398px">
<cc1:TabPanel runat="server" HeaderText="计算机系" ID="TabPanel1">
    <ContentTemplate>
        <table>
            <tr>
                <td style=" 100px">用户名：</td>
                <td style=" 100px"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td style=" 100px">密码：</td>
                <td style=" 100px"><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td style=" 100px"></td>
                <td style=" 100px"><asp:Button ID="Button1" runat="server" Text="提交" /></td>
            </tr>
        </table>
    </ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="艺术系" ID="TabPanel2">
    <ContentTemplate>
        <table>
            <tr>
                <td style=" 100px">用户名：</td>
                <td style=" 100px"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td style=" 100px">密码：</td>
                <td style=" 100px"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td>
             </tr>
            <tr>
                <td style=" 100px"></td>
                <td style=" 100px"><asp:Button ID="Button2" runat="server" Text="提交"" /></td>
            </tr>
        </table>
    </ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
    </form>