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>

  • 相关阅读:
    [React] Improve developer experience for accessing context with a custom React hook
    [CSS] Create a self-centering, full-width stripe with CSS Grid
    android之使用mvn构建创造项目步骤
    Android读取Excel文件
    Android之RAS加密算法测试
    android 内存溢出oom错误的一些小见解
    Android之在应用程序内部关注某人的微信
    Android之使用picker打开相应的app
    MAC之查看日历
    MAC之tar解压与压缩打包命令
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html
Copyright © 2011-2022 走看看