教你如何去除表单下面的空白

        在我们做网页的时候，经常会用到表单，比如说 搜索引擎提供的搜索代码、动态网页在客户端的提交表单 等等，但是你有没有试过在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/