使用Javascript隐藏登录<form>

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'