如果<td>的宽度是百分比,哪么<input type=text>的宽度等于当前<td>的度度怎么做啊?

Question

<table width="100">
<tr><td width="100%"><input name="ddd" style="width:100%;border: 1px solid #FFC36B;height: 18px;" value="1" /></td></tr></table>随手写的，测试看看
当然要准确的话用JS控制应该比较准确

Answer 1

<table width="650" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td width="70%"><input type="text" name="textfield" id="textfield" style="width:100%;"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Answer 2

<table width="300">
<tr><td width="60%"><input name="ddd" style="width:100%;border: 1px solid #FFC36B;height: 18px;" value="1" /></td><td width="40%">sfsfsdfsf</td></tr></table>验证了下我第一次写的代码是对的在IE和FF下都是可以的

Answer 3

如果 <td>的宽度是百分比, <input type=text>的宽度等于当前 <td>的度度也写成百分比啊！

Answer 4

这种结构有问题的 看下面代码 表一会被撑大 求解决方法
<font color="red">表1</font>
<table width="500" border=1>
        <tr>
                <td width=20%>
<input type="text" style="width:100%;overflow:hidden;" value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"></td>
<td width=80%>
<input type="text" style="width:100%;overflow:hidden;" value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa">
</td>
        </tr>
</table>
<font color="red">表2</font>
<table width="500" border=1>
        <tr>
                <td width=20%><input type="text" style="width:100%" value="阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿"></td><td width=80%><input type="text" style="width:100%" value="aaaaaaaaaaaaaaaaaaa阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿阿"></td& gt;
        </tr>
</table>