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>

  • 相关阅读:
    63.C++异常
    62.C++文件操作list实现内存检索,实现两千万数据秒查
    61.C++文件操作实现硬盘检索
    ios之数据持久化
    ios NSRange
    安排
    接口隔离原则
    Liskon替换原则
    开放封闭原则
    单一职责原则
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html
Copyright © 2011-2022 走看看