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 第一位出场的就 ...
随机推荐
- [转帖] Symbol Emotions Sticker 英文符号表情大全
:-) smile :-] polite smile :-( frown :-[ another frown :-/ or :-\ skepticism, annoyance, or a slight ...
- lucene 3.0.2 search 各种各样的Query类型
http://blog.sina.com.cn/s/blog_61d2047c010195mo.html lucene的这种各种各样的查询类型 1.TermQuery 最简单的Qu ...
- 使用LTT升级HP磁带机的固件程序
下载后将软件包解压 解压后,进入该文件夹可以看到固件程序 将所有固件程序拷贝至LTT软件安装目录下的firmware文件夹中 C:\Program Files\HP StorageWorks ...
- Linux网桥设置
1. sudo apt-get install bridge-utils 2. brctl --help Usage: brctl [commands] commands: ad ...
- 【液晶模块系列基础视频】3.4fatfs接口函数的使用4
============================= 技术论坛:http://www.eeschool.org 博客地址:http://xiaomagee.cnblogs.com 官方网店:ht ...
- CodeBlocks的汉化、主题美化及其调试功能的实现
破事水 最近由于Cfree5经常崩溃+调试语句运行速度比较慢,想尝试一下另一个听说很好用的IDE Code::Blocks. 先上官网的安装包(自带mingw,安装完可以直接用,适用于windows系 ...
- PAT天梯赛练习题 L3-011. 直捣黄龙(多关键字SPFA+DFS)
L3-011. 直捣黄龙 时间限制 150 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 本题是一部战争大片 —— 你需要从己方大本营出发,一路 ...
- snowflake
snowflake在分布式系统中生成全局id
- ThinkPHP 学习笔记 ( 五 ) 数据验证
根据官网的教程 ( http://www.thinkphp.cn/info/171.html ),数据验证的使用静态定义方式 ( 以 regex 为例 ) 无法验证数据: 而采用动态验证则正常: 控制 ...
- jquery 选择器,模糊匹配
按姓名匹配 1,name前缀为aa的所有div的jquery对象 $("div[name^='aa']"); 2,name后缀为aa的所有div的jquery对象 $(" ...