DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> fieldset標簽實現WinForm中GroupBox布局效果
fieldset標簽實現WinForm中GroupBox布局效果
編輯:AJAX詳解     
fIEldset標簽以前都沒用過,確切的講是聽都沒聽說過,今天參考ASP.Net AJax的Document,看到它在舉例子的時候網頁中出現了類似於WinForm中GroupBox的東西,感覺布局一下子顯得很有條理。感覺很不錯,查看了源文件才知道原來是用了fIEldset標簽,其格式如下
<fIEldset>
 <legend>fIEldset的標題,可以不要legend>
fIEldset>
其實我個人認為如果在用戶注冊的界面上使用用fieldset布局可能效果會好一點,有些網站的必填項和選填項是混在一起的,如果用fIEldset分開個人感覺更人性化吧。 <fIEldset>
    <legend>用戶注冊必填選項legend>
    <ul>
        <li style="width:50px; display:inline;">
            <ASP:Label ID="Label1" Width="80px" runat="server" Text="用戶名">ASP:Label>li>
        <li style="width:150px; display:inline;">
            <ASP:TextBox ID="tbx_username" runat="server" Width="150px">ASP:TextBox>li>
    ul>
    <ul>
        <li style="width:50px; display:inline;">
            <ASP:Label ID="Label2" Width="80px" runat="server" Text="密碼">ASP:Label>li>
        <li style="width:150px; display:inline;"><ASP:TextBox ID="tbx_passWord" runat="server" Width="150px">ASP:TextBox>li>
    ul>
    <ul>
        <li style="width:50px; display:inline;">
            <ASP:Label ID="Label3" Width="80px" runat="server" Text="密碼確認">ASP:Label>li>
        <li style="width:150px; display:inline;"><ASP:TextBox ID="tbx_confirm" runat="server" Width="150px">ASP:TextBox>li>
    ul>
    <ul>
        <li style="width:50px; display:inline;">
            <ASP:Label ID="Label4" Width="80px" runat="server" Text="電子郵件">ASP:Label>li>
        <li style="width:150px; display:inline;"><ASP:TextBox ID="tbx_email" runat="server" Width="150px">ASP:TextBox>li>
    ul>
fIEldset>
<fIEldset>
    <legend>用戶注冊選添項legend>
    <ul>
        <li style="width:50px; display:inline;">
            <ASP:Label ID="Label5" Width="80px" runat="server" Text="真實姓名">ASP:Label>li>
        <li style="width:150px; display:inline;">
            <ASP:TextBox ID="tbx_realname" runat="server" Width="150px">ASP:TextBox>li>
    ul>
fIEldset>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved