<style>
table th
{
white-space: nowrap;
}
.chk
{
white-space: nowrap;
}
</style>

<table border="0" cellspacing="1" style="background-color: #a0c6e5; width: 100%">
<th>
编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号编号编号编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号编号编号编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号编号编号编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号编号编号编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号:
</th>
<td>
<input type="text" value="" />
</td>
<th>
编号:
</th>
<td>
<input type="button" value="提交" />
</td>
</table>
<table border="0" cellspacing="1" style="width: 100%">
<thead>
<th>
编号1
</th>
<th>
编号1
</th>
<th>
编号1
</th>
<th>
编号1
</th>
<th>
编号1编号1编号1编号1
</th>
<th>
编号1编号1编号1
</th>
<th>
编号1编号1编号1编号1编号1
</th>
</thead>
<tr>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
</tr>
<tr>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
</tr>
<tr>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
</tr>
<tr>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
<th>
<input type="text" value="" />
</th>
</tr>
</table>
<table border="1" bordercolor="#a0c6e5" style="border-collapse: collapse; width: auto">
<tr>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
<input type="checkbox" />
男
<input type="checkbox" />
女
</td>
</tr>
<tr>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
<input type="checkbox" />
男
<input type="checkbox" />
女
</td>
</tr>
<tr>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;">
<input type="text" value="" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;" colspan="3">
<input type="text" value="" style="width: 99%" />
</td>
<th>
测试:测试:测试:
</th>
<td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
<input type="checkbox" />
男
<input type="checkbox" />
女
<input type="checkbox" />
女
</td>
</tr>
</table>

Table 表单的更多相关文章

  1. BootStrap入门教程 (二) ：BASE CSS（排版(Typography),表格(Table),表单(Forms),按钮(Buttons)）

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

  2. No.14 selenium for python table表单

    table表单,HTML中的特征 标识性标签:table.tr.th.td 定位使用Xpath定位 点击表格中的元素即可

  3. table表单制作个人简历

    应用table表单,编程个人简历表单,同时运用了跨行rowspan和跨列colspan. <!DOCTYPE html> <html> <head> <met ...

  4. 01 UIPath抓取网页数据并导出Excel（非Table表单）

    上次转载了一篇<UIPath抓取网页数据并导出Excel>的文章,因为那个导出的是table标签中的数据,所以相对比较简单.现实的网页中,有许多不是通过table标签展示的,那又该如何处理 ...

  5. HTML 去调table表单里面td之间的间距

    首先为大家展示一下最原始的代码和效果.直接在table中用td划分的表格会默认隐藏边框.  接下来我们用css来增加样式,为table增加边框. table { border: 1px solid # ...

  6. Table 表单样式

    <style> table th { white-space: nowrap; background-color: #f5f5f5; height:30px; font-size:14px ...

  7. PHP自学3——在html的<table>标签中显示用户提交表单

    为了更好地显示用户提交表单,本节将在上一节的基础上将读取的用户表单显示在html的<table>标签中,这一节将用到和数组有关的知识. 本节代码将从外部文件(.txt文件)中读取信息于指定 ...

  8. Jquery 动态生成表单 并将表单数据 批量通过Ajax插入到数据库

    利用Jquery 动态生成 Table 表单 之后利用each 方法来遍历所有文本框获取文本的value值  并通过Ajax 将数据 提交到Web服务里把数据插入数据库 Html页面 <!DOC ...

  9. js动态控制表单表格

    js动态控制表单表格,这里操作只讲,添加一行,删除一行,删除某一行某一列. 直接放代码: <!DOCTYPE html> <html> <head> <met ...

随机推荐

  1. CENTOS 6.5 配置YUM安装NGINX

    第一步,在/etc/yum.repos.d/目录下创建一个源配置文件nginx.repo: cd /etc/yum.repos.d/ vim nginx.repo 填写如下内容: [nginx]nam ...

  2. MYSQL基础操作之数据约束与关联查询

    一.MYSQL约束 1.默认值约束,当字段没有插入值的时候,mysql自动给该字段分配默认值. 默认值的字段允许为空. 对默认值字段也可以插入null. CREATE TABLE STUDENT( I ...

  3. 关于WCF测试时出现无法从***获取元数据问题

    在我们已经创建成功一个WCF服务后,通过本机localhost访问和测试均没有任何问题.但是寄宿在IIS/其他平台下时便会出现以下的错误信息 1.使用WCF Test Client错误 2.通过C#引 ...

  4. Node.js学习——HTTP

    HTTP Node.js开发的目的就是为了用JavaScript编写Web服务器程序.因为JavaScript实际上已经统治了浏览器端的脚本,其优势就是有世界上数量最多的前端开发人员.如果已经掌握了J ...

  5. MySQL备份锁

    无论逻辑备份还是物理备份,为了获取一致性位点,都强依赖于FTWRL(Flush Table With Read Lock).这个锁杀伤力非常大,因为持有锁的这段时间,整个数据库实质上不能对外提供写服务 ...

  6. JS框架

    s框架就是将常用的方法进行封装,方便调取使用.一个框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计.协作构件之间的依赖关系.责任分配和控制流程,表现为一组抽象类以及其实例之间协作的方 ...

  7. 嵌入式Linux驱动学习之路(二十四)Nor Flash驱动程序

    Nor Flash和Nand Flash的不同: 类型 NOR Flash  Nand Flash  接口 RAM-like,引脚多 引脚少 容量 小(1M.2M...) 大(512M.1G) 读 简 ...

  8. Nhibernate mapping 文件编写

    生成工具软件 现在生成工具软件有很多了,例如商业软件:NMG.CodeSmith.Visual NHibernate,开源软件:MyGeneration.NHibernate Modeller.AjG ...

  9. C++ "+="等运算符使用bug

    昨晚写了一个程序,使用了"+="运算符,结果总不是我想要的,查了一晚没找到,今早才发现: timeInterval = tpImP.staTime - imgPara[serial ...

  10. vim

    visual mode : insert : ctrl + v select line shift + i key word Esc