隐藏登入 <form> 使用Javascript

Question

我在隐藏登录框时遇到问题。 这是我用来创建登录框的HTML代码：

<center>
  <form name=login>
    <table width=225 border=1 cellpadding=3>
      <tr><td colspan=2><center><font size="+2"><b>Login</b></font></center></td></tr>
      <tr><td>Username:</td><td><input type=text name=username></td></tr>
      <tr><td>Password:</td><td><input type=password name=password></td></tr>
      <tr><td colspan=2 align=center>
        <button type="button" onclick="loginNow()">Login</button>
      </td></tr>
    </table>
  </form>
</center>

单击“登录”按钮后，它将运行一些Javascript代码。 loginNow()函数将运行，以验证密码。 密码验证后，我需要此表单才能隐藏。

谁能给我一些可以在这种情况下工作的代码？

Answer 1

将表格包装在具有ID的div中：

<div id="loginform">
    <form>...</form>
</div>

然后，在loginNow()函数中，使用document.getElementById('loginform').style.visibility = 'hidden'

Answer 2

向中心标签添加一个ID，例如： center id="login_box"

并将此脚本写入loginNow()代码的成功块内

$('#login_box').hide('fast');

或者，如果您无法将id添加到center标签，则将此脚本添加到loginNow()代码的成功代码块内

$('center').hide('fast');

但是它将隐藏代码中存在的所有center标记。