Javascript 用于隐藏的Java脚本函数？

嗨，我有以下代码：

<a onclick="show_login()">Login
<span id="login" style="visibility: hidden">
<form method="post" action="login.php"> 
<label for="username">Username:</label>
<input type="text" name="username" /></a>
<label for="password">Password:</label>
<input type="password" name="password" />

<input type="submit" name="login" value="Login" />
</form>
</span>

---

我想知道如何使用函数名show\u login隐藏/显示该范围。我该怎么做呢？

你可能不应该用a来做这件事，这样会更好。而且能见度可能也不是你想要的：

隐藏的 生成的长方体不可见且完全透明，不会绘制任何内容，但仍会影响布局。此外，如果元素的子体具有“可见性：可见”，则它们将可见

---

你应该关闭你的

你可能不应该用a来做这件事，这样会更好。而且能见度可能也不是你想要的：

隐藏的 生成的长方体不可见且完全透明，不会绘制任何内容，但仍会影响布局。此外，如果元素的子体具有“可见性：可见”，则它们将可见

---

您应该关闭您的

将样式设置为display:none，并使用jquery函数show使其在需要时显示

---

将样式设置为display:none，并使用jquery函数show使其在需要时显示

---

你有一些不匹配的标签；a标记在范围内结束，范围标记从a标记开始。除非标记匹配，否则可能会出现一些意外行为；a标记在范围内结束，范围标记从a标记开始。除非标记匹配，否则可能会出现一些意外行为。

<a onclick="toggle_login()">Login</a>
<div id="login" style="display: none">
    <form method="post" action="login.php"> 
        <label for="username">Username:</label>
        <input type="text" name="username" /></a>
        <label for="password">Password:</label>
        <input type="password" name="password" />
        <input type="submit" name="login" value="Login" />
    </form>
</div>

function toggle_login() {
    var div = document.getElementById('login');
    div.style.display = div.style.display == 'none' ? 'block' : 'none';
    return false;
}