如何使用<；表格>；标记将数据发送到javascript函数？_Javascript_Html_Forms

如何使用<；表格>；标记将数据发送到javascript函数？

javascript html forms

如何使用<；表格>；标记将数据发送到javascript函数？,javascript,html,forms,Javascript,Html,Forms,我正在测试并试图制作一个小表单，当用户输入他们的名字时，它会接受这个名字并显示在屏幕上 <html> <head> <center><h1>Test-Page</h1></center> </head> <body> <div class="someRandomStuff"> <h2 id="testingID">What is your first n

我正在测试并试图制作一个小表单，当用户输入他们的名字时，它会接受这个名字并显示在屏幕上

<html>
<head>
    <center><h1>Test-Page</h1></center>
</head>
<body>
    <div class="someRandomStuff">
    <h2 id="testingID">What is your first name?</h2>
    <form name="input" action="login.js" method="post">
        Name: <input type="text" name="userID"/>
        <input type="submit" value="Submit"/>
    </form>
    </div>
</body>

我知道我可以在一个HTML文件中完成这项工作，但是我想尝试将js和HTML分开。感谢您的帮助

您不向JavaScript函数发送数据，但JavaScript函数可以检索表单数据

例如，可以使用其

值

属性检索

文本

类型的输入：

var input = document.getElementById("userID");
var value = input.value;

我知道，我可能可以在一个HTML文件中完成这项工作，但是我想这样做尝试将js和HTML分开

好的一步。事实上，从内联脚本或使用

文本框上的use onkeypress事件包含的脚本中检索表单数据或操作文档并没有实际区别，并将其传递到显示该值，然后在函数中使用该参数来显示该值
   <div class="someRandomStuff">
        <h2 id="testingID">What is your first name?</h2>
        <form name="input" action="login.js" method="post">
            Name: <input type="text" name="userID" onkeypress="displaySystem(this)"/>
            <input type="submit" value="Submit"/>
        </form>
        </div>

   <div class="someRandomStuff">
        <h2 id="testingID">What is your first name?</h2>
        <form name="input" action="login.js" method="post">
            Name: <input type="text" name="userID" onkeypress="displaySystem(this)"/>
            <input type="submit" value="Submit"/>
        </form>
        </div>

function displaySystem(name) {
    document.getElementById("testingID").innerHTML("Ah, hello there" + name.value)
}