table tricks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>skx表格</title>
<style>
table{background:#4068b0 center repeat; font-size:14px; color:#FFF;}
.button{ color:#F3F;}
.text1{background:#999 center repeat-x; width:220px;}
.text2{background:#999 center repeat-x; width:295px;}
.text3{background:#999 center repeat-x; width:220px;}
.text4{background:#999 center repeat-x; width:60px;}
</style>
</head>

<body>
<table width="770"  border="1" bordercolor="#666666" cellspacing="0" cellpadding="0" >
<tr>
<td width="770"height="22" colspan="4" ><center>理事长信息</center></td>
</tr>
<tr>
<td  width="130" height="22">登记证号:</td>
<td  width="220" height="22"><input class="text1" name="text"  placeholder="name" ></td>
<td  width="125" height="22">届数:</td>
<td  width="295" height="22"><input class="text2" name="text"></td>
</tr>
<tr>
<td  width="130" height="22">姓名:</td>
<td  width="220" height="22"><input class="text3" name="text"></td>
<td  width="125" height="22">级别:</td>
<td  width="295" height="22">
         <select>
          <option value="lsz">理事长</option>
          <option value="ds">董事</option>
          </select>
          </td>
</tr>
<tr>
<td  width="130" height="22">姓别:</td>
<td  width="220" height="22">
           <select>
          <option value="men">男</option>
          <option value="women">女</option>
          </select></td>
<td  width="125" height="22">出生年月:</td>
<td  width="295" height="22">
        <input class="text4" name="text"  placeholder="1954-2" >例如:1954年2月,填1954-2
          </td>
</tr>
<tr>
<td  width="150" height="22">单位:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
<td  width="150" height="22">职务:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
</tr>
<tr>
<td  width="150" height="22">职称:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
<td  width="150" height="22">学历:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
</tr>
<tr>
<td  width="150" height="22">专业:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
<td  width="150" height="22">电话:</td>
<td  width="150" height="22"><input class="text" name="text"></td>
</tr>
<tr>
<td  width="150" height="22">党政领导兼职</td>
<td  width="150" height="22">
           <select>
          <option value="yes">是</option>
          <option value="no">否</option>
          </select>
          </td>
<td  width="150" height="22">上报时间</td>
<td  width="150" height="22"><input placeholder="2015-12-19" class="text" name="text"></td>
</tr>
<tr>
<td  width="150" height="22"><input type="button"  class="button" value="提交"></td>
<td  width="150" height="22"><input type="button"  class="button" value="重置"></td>
<td  width="460" height="22" colspan="2">注:确保数据无误后在提交!</td>
</tr>
</table>
</body>
</html>

posted @ 2014-11-10 13:16  简单就好zyx  阅读(145)  评论(0编辑  收藏  举报