zoukankan      html  css  js  c++  java
  • Table 表单

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

    <table border="0" cellspacing="1" style="background-color: #a0c6e5; 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=" 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; 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=" 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>

  • 相关阅读:
    ie 火狐兼容集锦
    ie css png
    jQuery插件——autoTextarea-文本框根据输入内容自适应高度
    比onload更快获取图片尺寸(转载)
    数据库性能问题排查
    项目管理_FindBugs的使用
    js动态获取子复选项并设计全选及提交
    SVN使用_获取某版本后改动的文件列表
    存储过程_把字符串转化为结果集
    Spring下如何配置bean
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html
Copyright © 2011-2022 走看看