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 第一位出场的就 ...
随机推荐
- winform学习之----图片控件应用(上一张,下一张)
示例1: int i = 0; string[] path = Directory.GetFiles(@"C:\Users\Administrator\Desktop\图片&q ...
- Add SSH Key to GitLab on Windows
Download Git for windows Open Git Bash Type in "ssh-keygen -t rsa", and then press Enter b ...
- HTML&CSS布局练习---360导航页面
一共分为7个部分:由HTML和CSS外部样式表做成 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
- Redis在windows环境下的部署
一.下载 官网地址:http://redis.io/download Git地址:https://github.com/MSOpenTech/redis 注:官方无windows版本,需要window ...
- [听点音乐]Mozart's 'The Marriage of Figaro'
今天看到西雅图图书馆上写着可以到当地图书馆欣赏Mozart's 'The Marriage of Figaro'.查了一下,貌似还挺好看. “ Preview lecture of Seattle O ...
- jedis操作redis全指南
package com.wujintao.redis; import java.util.Date; import java.util.HashMap; import java.util.Iterat ...
- CentOS上安装Node.js
CentOS上安装Node.js [日期:2014-07-21] 来源:Linux社区 作者:maskdfe [字体:大 中 小] CentOS上安装Node.js(想在Linux上学习No ...
- 去除GHOST版系统自带的2345流氓软件
话说2345真心流氓 用户想用你 自然不会删你 你这样强制性的 反而引起反感 应该是软件劫持性的捆绑 所以非常难起清除 最方便的方法就是 下载个 黄山IE修复专家 先把IE修复好 然后删除预安装 ...
- HTML: css 修飾文本和字體
因爲這個我認爲不用記,所以關於css 修飾文本&字體的屬性只需要打開css手冊,找到(屬性 > 文本) & (屬性 > 字體)翻看即可. 關於字體屬性: Propertie ...
- vi 整行 多行 复制与粘贴
vi编辑器中的整行(多行)复制与粘贴就非常必要了. 1.复制 1)单行复制 在命令模式下,将光标移动到将要复制的行处,按“yy”进行复制: 2)多行复制 在命令模式下,将光标移动到将要复制的首行处,按 ...