table表单样式模板

所属分类：[界面编程] | 创建时间：2014-11-24 | 文章属性：原创 | 文章来源：http://windfly.cn | 作者：windfly

###css
```
html,body{margin:0px;width:100%;height:100%;}
.c{padding:3px;overflow:hidden;}
.blk{border:solid 1px #9ac8ec; overflow:hidden;}
.blk h2{height:25px;line-height:25px;*line-height:20px;background:url(../img/admin/tbg.jpg) repeat-x;position:relative;font-weight:bold;color:#183152;padding-left:10px;}
.blk h2 a.more{position:absolute;right:10px;}

table{empty-cells:show;border-collapse:collapse;margin:0 auto;}
.cTable{border:solid 1px #9ac8ec;color:#666;}
.cTable td,.cTable th{min-width:200px;height:25px;line-height:25px;border:1px solid #cad9ea;padding:3px 5px;}
.cTable td.ftit{width:15%;min-width:160px;text-align:right; background-color:#f5fafe}
.cTable td.ftit2{min-width:160px;text-align:right; background-color:#f5fafe}
.cTable td.ftit3{min-width:90px;text-align:right; background-color:#f5fafe}
.cTable td.ftit4{text-align:center;font-weight:bold;background-color:#f5fafe}
.cTable td.ftit span,.cTable td.ftit2 span,.cTable td.ftit3 span{color:#ff3300;padding:0 3px;}
.cTable td.fctrl{text-align:center;}
.fbtn{height:35px;line-height:35px;text-align:center;}
```
###html
```
<div class="blk c">
	<div class="c">
    	<form method="post" action="/ADUser/add.dhtml" id="groupForm">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cTable">
            <tr>
              <td class="ftit"><span>*</span>帐号：</td>
              <td colspan="3"><input name="nameP" type="text"  style="width: 390px;"/></td>
            </tr>
            <tr>
              <td class="ftit"><span>*</span>密码：</td>
              <td colspan="3"><input name="pwdP" type="password"  style="width: 390px;"/></td>
            </tr>
            <tr>
              <td class="ftit"><span>*</span>角色：</td>
              <td colspan="3">
				<select id="selectId" name="roleP" >
                     	<option value="1">admin</option>
				</select>
			  </td>
            </tr>
            <tr>
              <td colspan="4" class="fctrl">
                <input type="submit" value="提交" class="l-button"/>
                <input type="button" value="取消" class="l-button" onclick="top.f_removeTab('userAdd')" />
              </td>
            </tr>
        </table>
        </form>
	</div>
</div>
```