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>

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

1 个答案: