<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. Android Weekly Notes Issue #228

    Android Weekly Issue #228 October 23rd, 2016 Android Weekly Issue #228 本期内容包括: Android 7.1的App Short ...

  2. CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout使用

    本文介绍Design Support Library中CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout的使用. 先列出了Design S ...

  3. GsonFormat插件从配置到使用

    说明:目前多数服务器端都以json格式返回,那么相对应的解析时建立的实体类如果你还在自己挨个写的话,那就out了.新建一个类,选择Generate. ------------------------- ...

  4. IOS开发基础知识碎片-导航

    1:IOS开发基础知识--碎片1 a:NSString与NSInteger的互换 b:Objective-c中集合里面不能存放基础类型,比如int string float等,只能把它们转化成对象才可 ...

  5. ViewPager与Tab结合使用

    我们有时候需要 标题页卡与ViewPager结合使用,其实原理也很简单. 不过工程中要引入android-support-design.jar 首先是布局文件 <android.support. ...

  6. iOS项目相关@AFN&SDWeb的二次封装

    一,AFNetworking跟SDWebImge是功能强大且常用的第三方,然而在实际应用中需要封装用来复用今天就跟大家分享一下AFN&SDWeb的二次封装 1. HttpClient.h及.m ...

  7. js图片前端预览之 filereader 和 window.URL.createObjectURL

    //preview img : filereader方式 document.getElementById('imgFile').onchange = var ele = document.getEle ...

  8. (转)C# 选择正确的集合

    原文: http://www.cnblogs.com/luminji/archive/2011/03/24/1993393.html 要选择正确的集合,我们首先要了解一些数据结构的知识.所谓数据结构, ...

  9. postgresql 导出数据字典文档

    项目上需要整理目前数据库的数据字典文档.项目不规范,这种文档只要后期来补.这么多张表,每个字段都写到word文档里真心头大.就算前面写了个查询表结构的sql,但是最后整理到word里还是感觉有点麻烦. ...

  10. 在Ubuntu Server 14.04中搭建FTP服务器(VMWare)

    自己搭建ftp服务器,方便主机与虚拟机中的Ubuntu传输文件. 选用的ftp软件为vsftpd. 1.命令行: sudo apt-get install vsftpd 2.安装完配置: vsftpd ...