善用fieldset构建可选标签区域
(创建时间:2009年06月22日 21:52:00)
Jangogo : 
利用
标签可以构建类似VBForm里面的Frame元素提供的选项分区界面,增强HTML应用程序的布局能力,提高可用性:
效果:
标签区域
 
  URL地址    
  Email   Email  
  MSN   MSN号码  
 

HTML代码: 
 
  1. <fieldset>        
  2.     <legend>标签区域</legend>         
  3.     <table border=0 cellpadding=2 cellspacing=0 width="100%">        
  4.         <tr><td colspan=5 height=5></td></tr>         
  5.         <tr>        
  6.             <td width=5></td>         
  7.             <td width=70 align=right valign=top>URL地址</td>         
  8.             <td width=5></td>         
  9.             <td width="*"><input type=text ID="alipay_demo" style="width:170px" size=25 value="http://"></td>         
  10.             <td width=5></td>         
  11.         </tr>         
  12.         <tr>        
  13.             <td width=5></td>         
  14.             <td width=70 align=right valign=top>Email</td>         
  15.             <td width=5></td>         
  16.             <td width="*"><input type=text ID="alipay_ww" style="width:80px" size=25> Email</td>         
  17.             <td width=5></td>         
  18.         </tr>         
  19.         <tr>        
  20.             <td width=5></td>         
  21.             <td width=70 align=right valign=top>MSN</td>         
  22.             <td width=5></td>         
  23.             <td width="*"><input type=text ID="alipay_qq" style="width:80px" size=25> MSN号码</td>         
  24.             <td width=5></td>         
  25.         </tr>         
  26.         <tr><td colspan=5 height=5></td></tr>         
  27.     </table>         
  28.  </fieldset>    
文档中心