用JavaScript来获取用户在表单中输入的值
来源:网络收集 点击: 时间:2024-05-19新建一个html文档,书写两个input,代码如下:
html
head
script type=text/javascript src=js/test.js/script
/head
body
input type=text name=cc /
input type=button value=send /
/body
/html
保存,在浏览器里打开:

接下来,我们给第一input添加一个属性:id=cc,给第二个input添加一个事件属性:onclick=run();
这个run();就是一个函数,所以接下来我们就要在test.js 里面去创建这个函数,代码如下:
function run(){
var c=document.getElementById(cc).value;
document.write(你输入的内容是:+c);
}
3/3代码分析:
var c=document.getElementById(cc).value;
这句的左边是一个变量,变量c存放id为cc的元素的值,用document.getElementById(cc).value;来获取到id为cc的元素的值。
document.write(你输入的内容是:+c);
这句是输出你输入的内容是:加上变量c里面的值,JavaScript里面用+连接字符串和变量。
最终效果如图:


希望对正在学习JavaScript的人有帮助!
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_805591.html