Javascript 输入元素未在Firefox中定义，但在Chrome/IE中定义

我有一个表单，当按下按钮时，我试图从用户那里获取信息。我正在使用javascript函数将值传递给脚本。这在Chrome和IE9中非常有效，但由于某些原因，Firefox认为输入元素未定义。以下是HTML：

<div id="leftDiv">
<br>
<dl class="loginForm">
    <dt><label for="usernameField">Username:</label></dt>
    <dd><input type="text" id="usernameField" name="usernameField" value=""/></dd>
    <dt><label for="passwordField">Password:</label></dt>
    <dd><input type="password" id="passwordField" name="passwordField" value="" /></dd>
    <dt><label for="remember">Save info:</label></dt>
    <dd><input type="checkbox" id="remember" name="remember"/></dd>
    <dt><button type="button" onclick="javascript:tryLogin(usernameField.value, passwordField.value, remember.checked)"> Login</button> </dt><dd></dl>
</div>

用户名：
密码：
保存信息：
登录

---

我已经通过了W3c在线验证，它通过了，所以我不认为这是个问题。

您需要确保所有输入都包装在

元素中，以使用以下代码

javascript:tryLogin（usernameField.value，passwordField.value，memory.checked）

或

您可以使用

document.getElementById（）

进行引用，例如：

 javascript:tryLogin(document.getElementById('usernameField').value, document.getElementById('passwordField').value, document.getElementById('remember').checked)`

---

div是否由form元素包装？@JohnHartsock就是这样，请回答，这样我就可以接受它了！Thanks@Millec8....There你去……很高兴我能帮上忙？