[英]How to print user input from HTML form using javaScript
All, 所有,
I feel like this question has been asked in many ways, and answered in just as many so I apologize. 我觉得这个问题已经以多种方式提出,并以同样的方式得到了解答,对此我深表歉意。 I am trying to take user input via HTML forms, and print the output back to the screen though a javaScript function.
我试图通过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>
I think my issue lies in the fact that my button is an image, and I may be doing something wrong in that arena. 我认为我的问题在于我的按钮是一个图像,在那个领域我可能做错了。 Any help would be appreciated.
任何帮助,将不胜感激。
Just put var username = document.forms.loginInfo.userName.value;
只需输入
var username = document.forms.loginInfo.userName.value;
inside loginButtonClick()
function 在
loginButtonClick()
函数内部
So the final script will be: 因此,最终的脚本将是:
<script>
function loginButtonClick() {
var username = document.forms.loginInfo.userName.value;
alert(username);
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.