如何使用JavaScript从HTML表单打印用户输入

Question

所有，

我觉得这个问题已经以多种方式提出，并以同样的方式得到了解答，对此我深表歉意。 我试图通过HTML表单获取用户输入，并通过javaScript函数将输出打印回屏幕。

<form id="loginInfo" >


 <input id="userName" type="text" name="user" size="40" placeholder='Username' />

 <input id="loginButton" type="image" value="submit" src="\Images\login.png" onclick="loginButtonClick()" alt="submit" height="26" />

<script>

    var username = document.forms.loginInfo.userName.value;

    function loginButtonClick() {
        alert(username);
    }
</script>

我认为我的问题在于我的按钮是一个图像，在那个领域我可能做错了。 任何帮助，将不胜感激。

Answer 1

只需输入var username = document.forms.loginInfo.userName.value; 在loginButtonClick()函数内部

因此，最终的脚本将是：

<script>
    function loginButtonClick() {
        var username = document.forms.loginInfo.userName.value;
        alert(username);
    }
</script>