5.9w+
社区成员
- 主页
- 问答
请问如何让<input type="text">在td中充满？
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="tbl010300FirstExamKarte9">
<tr>
<td >
<input type="text" name="Subject1" vspace="0" hspace="0" class="karteTxtStyle1"
onclick = "disOrderEditMenu1('OpMP1',ifrOpMenu1,'3',2);" readonly>
丂 </td>
</tr>
<tr>
<td class="ruledLine">
<input type="text" name="Subject2" class="karteTxtStyle1"
onclick = "disOrderEditMenu1('OpMP2',ifrOpMenu2,'1',2);" readonly>
丂 </td>
</tr>
<tr>
<td class="ruledLine">
<input type="text" name="Subject3" class="karteTxtStyle1"
onkeyup="newLine(Subject3,0)">
丂 </td>
</tr>
</table>
代码如上，我的每个input之间都有间隙，我使用了style="height:100%"也没有效果，
请大家帮我看看，谢谢！
<tr>
<td >
<input type="text" name="Subject1" vspace="0" hspace="0" class="karteTxtStyle1"
onclick = "disOrderEditMenu1('OpMP1',ifrOpMenu1,'3',2);" readonly>
丂 </td>
</tr>
<tr>
<td class="ruledLine">
<input type="text" name="Subject2" class="karteTxtStyle1"
onclick = "disOrderEditMenu1('OpMP2',ifrOpMenu2,'1',2);" readonly>
丂 </td>
</tr>
<tr>
<td class="ruledLine">
<input type="text" name="Subject3" class="karteTxtStyle1"
onkeyup="newLine(Subject3,0)">
丂 </td>
</tr>
</table>
代码如上，我的每个input之间都有间隙，我使用了style="height:100%"也没有效果，
请大家帮我看看，谢谢！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
wdman 2003-12-08
我现在有一种方法就是使用javascript动态的将td的背景色改为和input的背景色一样，但是这是我的最后方法，我不想使用这种方法。
wdman 2003-12-08
table的border="0" cellspacing="0" cellpadding="0"难道，td中的input之间的间隙不能消掉吗？
wdman 2003-12-08
不好意思，上面的三种方法都试过了，还是不行。
luluso 2003-12-08
用图片吧。
foolfish 2003-12-08
<td class="ruledLine"><input ............></td>
这样写
注意td标签和input标签之间不要有任何空格和换行.
这样写
注意td标签和input标签之间不要有任何空格和换行.
wdman 2003-12-08
不行，那个间隙还在
meizz 2003-12-08
<input style="width: 100%; height: 100%">
xieyj 2003-12-08
INPUT与INPUT间默认的行高是有间隔的。可以使用CSS控制。
input{line-height:10pt} 不知道是不是这个高度，可以自己调一下。
input{line-height:10pt} 不知道是不是这个高度，可以自己调一下。
maomaot 2003-12-08
使用<input style="width: 100%">连宽度控制也有问题，不信试试以下例子：
<table border="1">
<tr>
<td width="60"> </td>
<td width="60"><input style="width:100%" value='aa d a e d a d e d a d d a c a' ></td>
</tr>
</table>
<table border="1">
<tr>
<td width="60"> </td>
<td width="60"><input style="width:100%" value='aa d a e d a d e d a d d a c a' ></td>
</tr>
</table>
yzyun 2003-12-08
<HTML>
<BODY>
<TABLE border=1 style="font-size:9pt">
<TR >
<TD><input id=txt01 style="font-size:9pt" autosize>
</TD>
</TR>
<TR style="visibility=hidden">
<TD id=td21 >sdkfksdjsdkfksdjsdkfksdjsdkfksdjsdkfksdjsdkfksdj11</TD>
</TR>
</TABLE>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
txt01.size=td21.innerText.length;
//或如下,n值自己根据单个字的宽度推算
//txt01.size=td21.offsetWidth/n;
//alert(td21.offsetWidth)
</SCRIPT>
</HTML>
<BODY>
<TABLE border=1 style="font-size:9pt">
<TR >
<TD><input id=txt01 style="font-size:9pt" autosize>
</TD>
</TR>
<TR style="visibility=hidden">
<TD id=td21 >sdkfksdjsdkfksdjsdkfksdjsdkfksdjsdkfksdjsdkfksdj11</TD>
</TR>
</TABLE>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
txt01.size=td21.innerText.length;
//或如下,n值自己根据单个字的宽度推算
//txt01.size=td21.offsetWidth/n;
//alert(td21.offsetWidth)
</SCRIPT>
</HTML>
wdman 2003-12-08
width:100%有效了，但是height:100%没有效果
liuzxit 2003-12-08
<input style="width: 100%; height: 100%;border:0pt;">
