在javascript中将信息传递给变量的html表单

时间:2014-06-10 12:51:47

标签: javascript html forms variables

我是Javascript的新手,我试图在我的html页面中添加一个表单,将输入信息发送到变量,所以我可以在以后使用该变量..它' sa替换将信息保存到变量的输入提示。有谁知道如何做到这一点?

1 个答案:

答案 0 :(得分:0)

摘要

我假设您正在使用支架输入控件,让我们假设文本......首先,您必须将表单放在HTML中,因此在我们的JavaScript中,我们可以使用其ID来查找输入。我们还需要一个按钮,一个常规按钮,而不是一个提交按钮,供用户在决定输入时点击。我们将附加一个点击事件,以便当我们的用户点击我们的JavaScript开始工作时,这里是我们的HTML的开始:

<input type="text" id="input">
<button onclick="setClick()">
    Submit
</button>

就在您说“是的!我知道!”之后,让我们看看JavaScript方面......我们需要先获取文本框的值,以便在单击文本框的value属性时被获取并插入变量input ..所以这是JavaScript:

function setClick()
{
    var input = document.getElementById('input').value; 
    //saves the current value of the textbox into the input variable
    alert(input);
}
/*
    So now each time the button is clicked the variable "input" is assigened
    the textbox's value
*/

完整代码

<!DOCTYPE html>
<html>
<head>
<title>
Submit
</title>
<script type="text/javascript">
function setClick()
{
    var input = document.getElementById('input').value; 
    //saves the current value of the textbox into the input variable
    alert(input);
}
    /*
    So now each time the button is clicked the variable "input" is assigened
    the textbox's value
    */
</script>
<body>
<input type="text" id="input">
<button id="submit" onclick="setClick()">
    Submit
</button>
</body>
</html>