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>

  • 相关阅读:
    struts2的结果类型
    struts2的基本配置
    struts2拦截器
    struts2入门程序
    struts2工作原理
    Mysql处理字符串函数(转)
    oracle调用java方法的例子(下面所有代码都是在sql/plus中写)
    Oracle数据库中调用Java类开发存储过程、函数的方法
    Oracle触发器反向调用Java程序
    javaweb项目打包成war包
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html
Copyright © 2011-2022 走看看