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>
table tricks的更多相关文章
- LinuxAsm#Chapter10
Dividing and Conquering Book: Assembly Language step by step Complexity kills programs. Remember to ...
- php Hash Table(四) Hash Table添加和更新元素
HashTable添加和更新的函数: 有4个主要的函数用于插入和更新HashTable的数据: int zend_hash_add(HashTable *ht, char *arKey, uint n ...
- 【翻译】C# Tips & Tricks: Weak References - When and How to Use Them
原文:C# Tips & Tricks: Weak References - When and How to Use Them Sometimes you have an object whi ...
- Advanced Configuration Tricks
Advanced Configuration Tricks Configuration of zend-mvc applications happens in several steps: Initi ...
- Responsive Table 利用@media
html <table> <thead> <tr> <th>First Name</th> <th>Last Name</ ...
- Must Know Tips/Tricks in Deep Neural Networks
Must Know Tips/Tricks in Deep Neural Networks (by Xiu-Shen Wei) Deep Neural Networks, especially C ...
- Tips and Tricks for Debugging in chrome
Tips and Tricks for Debugging in chrome Pretty print On sources panel ,clicking on the {} on the bot ...
- Must Know Tips/Tricks in Deep Neural Networks (by Xiu-Shen Wei)
http://lamda.nju.edu.cn/weixs/project/CNNTricks/CNNTricks.html Deep Neural Networks, especially Conv ...
- HTML布局四剑客-Flex,Grid,Table,Float
前言 在HTML布局中有很多的选择,同一种表现方式可以使用不同的方法来实现.下面来对四种最常见的布局方式进行阐述和解释,它们分别是Float,Table,Grid和Flex Float 第一位出场的就 ...
随机推荐
- CSS3 Media Queries在iPhone4和iPad上的运用
CSS3 Media Queries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少.前几天在<修复iPhone上submit按钮bug>上介绍了 ...
- Html - 对话箭头
对话箭头 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="U ...
- MongoDB高可用模式部署
首先准备机器,我这里是在公司云平台创建了三台DB server,ip分别是10.199.144.84,10.199.144.89,10.199.144.90. 分别安装mongodb最新稳定版本: w ...
- OpenCV学习笔记——滑动条开关
由于opencv库中并没有专门为开关而设的函数,可以用滑动条做开关 代码: #include<highgui.h> #include<cv.h> int g_switch_va ...
- 【转】在.Net中关于AOP的实现
原文地址:http://www.uml.org.cn/net/201004213.asp 一.AOP实现初步 AOP将软件系统分为两个部分:核心关注点和横切关注点.核心关注点更多的是Domain Lo ...
- DS实验题 order
算法与数据结构 实验题 6.4 order ★实验任务 给出一棵二叉树的中序遍历和每个节点的父节点,求这棵二叉树的先序和后序遍历. ★数据输入 输入第一行为一个正整数n表示二叉树的节点数目,节点编号从 ...
- 本田--CRV
名称:CR-V 类型:紧凑型SUV 排量:2L/2.4L 变速箱:CVT无级变速 价格:18-25W 品牌:本田 生产:东风本田 历史:1995年第一代 外观特点:没啥特点= =空间算大的
- PHP 中获取当前时间[Datetime Now]
在 PHP 中可以通过date()获取当前时间,在>5.2的版本中最好还是用 datetime 类型 date() <?php echo date('Y-m-d H:i:s'); ?> ...
- 页面静态化3 --- 伪静态技术之Apache的rewrite机制
Apache的rewrite机制: 意思就是,你发送的地址,比如:http://localhost/news-id67.html会被Apache改写成http://localhost/news.p ...
- Nginx_Lua
http://www.ttlsa.com/nginx/nginx-lua/ 1.1. 介绍ngx_lua – 把lua语言嵌入nginx中,使其支持lua来快速开发基于nginx下的业务逻辑该模块不在 ...