登录 | 注册 | 关于 |

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

简单实用的就是最好的!
产品和服务┆ 下载中心┆ 有口皆碑┆ 成功案例┆ 论坛┆ 帮助┆ 开发┆ 合作┆ 联系┆ 其他┆
 
 
善用fieldset构建可选标签区域

darknight @ 2009-4-21 10:28: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>     
右边部分