4Fang财务软件、四方在线软件、SaaS

简单实用的就是最好的!
帮助中心 | 登录 | 注册 | 关于 |

 
   善用fieldset构建可选标签区域

jangogo @ 2009-6-22 13:52:00

利用
标签可以构建类似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>