如何防止<input />拉伸表格单元格？

Question

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td>1</td>
  </tr>
</table>

绘制一个比单词“one”稍微宽一点的表格，没关系。

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td style='padding:0 0 0 0'>
      <input style='width:100%' value='1'>
    </td>
  </tr>
</table>

绘制一张比所需宽4倍的桌子。

请告知如何在不指定TD本身的宽度的情况下使INPUT的宽度等于未拉伸TD的100％？

Answer 1

您可以在输入中添加size属性。例如：

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td style='padding:0 0 0 0'>
      <input size='1' value='1'>
    </td>
  </tr>
</table>