在我们做网页的时候,经常会用到表单,比如说 搜索引擎提供的搜索代码、动态网页在客户端的提交表单 等等,但是你有没有试过在Dreamweaver设计视图看起来布局很完整的表单,在IE浏览时却在表单下面多了一栏空白?
的确这样太影响市容了,其实去掉这个空白很简单,首先请把表单放在一个无边框的表格里面,适当调整表格的大小和布局,为了证明能解决这个问题,先把表格的背景颜色设为“#999999”灰色。
/下面让我们看看有一栏空白的表单的代码:
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="274" bgcolor="#999999">
<form name="form1" method="post" action="">
<div align="center">
<input name="KeyWord" type="text" id="KeyWord" value="请在这里输入搜索关键字" size="24">
<input type="submit" name="Submit" value="搜索">
</div>
</form></td>
</tr>
</table>
/下面我们把<form></form>放在表格的<tr></tr>外面,下面是没有空白栏的表单代码:
<table width="300" border="0" cellspacing="0" cellpadding="0">
<form name="form1" method="post" action="">
<tr>
<td width="274" bgcolor="#999999">
<div align="center">
<input name="KeyWord" type="text" id="KeyWord" value="请在这里输入搜索关键字" size="24">
<input type="submit" name="Submit" value="搜索">
</div>
</td>
</tr>
</form>
</table>
更改代码后,按F12看看效果吧,下面是成功案例,请看我的主页上面的搜索栏,下方是没有空白的
http://www.dynamical.giga.cn/
本文章完全个人创作,若需要转载请署名此文章来自
动力数码的Blog: http://blog.csdn.net/dynamical/
教你如何去除表单下面的空白
最新推荐文章于 2021-10-27 10:31:44 发布