一个HTML问题

来源:百度知道 编辑:UC知道 时间:2024/07/06 14:00:09
<body>
<script language="javascript">
function check()
{
checkGoods.innerHTML = "HELLO" ;
}
</script>
<center>
<table>
<tr>
<td></td>
<td><font size="1">商品名称:</font></td>
<td style="position:static"><input type="text" onchange="check();"></td>
<td><font id="checkGoods"></font></td>
</tr>
</table>
</center>
</body>
在文本框中输入文字,鼠标单击其他地方后,文本框右边将出现HELLO,但是排版变了,最初显示的东西都发生了移动(即最初显示的内容往左移动了),我想问怎样才能够在保证最初的显示不移动的前提下,将后面的提示(HELLO)也追加显示在后面。我知道有个苯的办法就是在第一个和最后一个<td>里加入空格,然后用后来显示的文字替代空格,这样将不发生移动,但是我觉得这样的方法不怎么样,有没有更好的显示方法啊!谢谢指教!
用一楼的方法问题是解决了的,能不能不用“%”呢,如果用的话会不会有出现估计不合理呢?比如不同的操作系统、浏览器,显示器屏幕分辨率……

<body>
<script language="javascript">
function check()
{
checkGoods.innerHTML = "HELLO" ;
}
</script>
<center>
<table>
<tr>
<td width="30%"></td>
<td><font size="1">商品名称:</font>
<input type="text" onchange="check();"></td>
<td width="30%"><div id="checkGoods"></div></td>
</tr>
</table>
</center>
</body>