用JavaScript来获取用户在表单中输入的值

2025-10-24 11:05:17

1、新建一个html文档，书写两个input，代码如下：

<html>

<head>

</head>

<body>

</body>

</html>

保存，在浏览器里打开：

用JavaScript来获取用户在表单中输入的值

2、接下来，我们给第一<input>添加一个属性：id="cc"，给第二个input添加一个事件属性：onclick="run();"

这个run();就是一个函数，所以接下来我们就要在test.js 里面去创建这个函数，代码如下：

function run(){

var c=document.getElementById("cc").value;

document.write("你输入的内容是："+c);

}

3、代码分析：

var c=document.getElementById("cc").value;

这句的左边是一个变量，变量c存放id为cc的元素的值，用document.getElementById("cc").value;来获取到id为cc的元素的值。

document.write("你输入的内容是："+c);

这句是输出"你输入的内容是："加上变量c里面的值，JavaScript里面用+连接字符串和变量。

最终效果如图：

用JavaScript来获取用户在表单中输入的值

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。