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

全部,

我觉得这个问题已经被问到了很多方面，并且得到了同样多的回答，所以我道歉。我试图通过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" />

var username=document.forms.loginInfo.username.value；
函数loginButtonClick（）{
警报（用户名）；
}

---

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

只需输入

var username=document.forms.loginInfo.username.value内部
loginButtonClick（）
函数

因此，最后的脚本将是：

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


函数loginButtonClick（）{
var username=document.forms.loginInfo.username.value；
警报（用户名）；
}
问题在于，
var username=…
在页面加载后立即运行，并且不再运行。如果将该行移到函数中，将获得更好的结果。
<script>
    function loginButtonClick() {
        var username = document.forms.loginInfo.userName.value;
        alert(username);
    }
</script>