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>

原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html