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>