当前位置:网站首页> 经验杂谈>正文

用JavaScript来获取用户在表单中输入的值 专家详解

发布于:2020-11-22 17:20:24发布者:天晴问友| 评论:0条

JavaScript来获取用户在表单中输入的值,用document.getElementById,我们只要给html元素分配一个ID即可。

工具/材料

任意一款网页浏览器

操作方法

01

新建一个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>
保存,在浏览器里打开:

02

接下来,我们给第一<input>添加一个属性:id="cc",给第二个input添加一个事件属性:onclick="run();"
这个run();就是一个函数,所以接下来我们就要在test.js 里面去创建这个函数,代码如下:
function run(){
var c=document.getElementById("cc").value;
document.write("你输入的内容是:"+c);
}

03

代码分析:
var c=document.getElementById("cc").value;
这句的左边是一个变量,变量c存放id为cc的元素的值,用document.getElementById("cc").value;来获取到id为cc的元素的值。
document.write("你输入的内容是:"+c);
这句是输出"你输入的内容是:"加上变量c里面的值,JavaScript里面用+连接字符串和变量。
最终效果如图:

好了,以上就是大致内容了,(END)

希望对正在学习JavaScript的人有帮助!

相关经验+更多
  • 武汉越王勾践剑交通卡怎么获得

    武汉最近推出了立体交通卡,名叫“越王勾践剑”,光听名字就觉得很霸气。相信很多小伙伴想获得,接下来小编就为你带来武汉越王勾践剑交通卡购买的方法。武汉越王勾践剑交通卡怎么获得1、微信搜索“武汉通行”,点击武汉通行公众号2、点击进入公众号3、点击框中所指位置4、进入文章页面,找到立即购买点击就能下单了5、使用须知想要第一时间了解玩机技巧、app教程吗?那么关注天晴下载准没错,网站每天都会分享热门的教程哦

  • 苹果2021秋季发布会新品有哪些

    苹果2021秋季发布会有哪些新品?万众期待的发布会在本月15日将会举行,iPhone13的推出大家早就已经了解了,那么还有哪些新品会出现呢?接下来小编带来了详细全面的新品介绍,别错过了哦!苹果2021秋季发布会新品有哪些时间:2021.9.15地点:总部 Apple Park直播网址:请点击新产品:IPhone 13 系列此前对于这个系列早就已经官宣过了,推陈出新,不论是从外观、内部功能、续航能力

  • 小米商城学生认证怎么弄

    近日小米商城上线了感恩活动,只要是符合条件的大学生就可以获得相关的福利。那么我们该如何证明自己的学生身份呢?方法还是比较多样的,有需要的可以看看接下来的内容哦!小米商城学生认证怎么弄学信网认证登录自己的学信网,输入相关的密码,然后找到自己的大学生在线验证报告即可。或者登录小米商城,点击学生,然后输入姓名、身份证号、手机号和学信网的验证码也可以哦!输入验证码,然后等待工作人员验证成功以后就可以领取该

  • 华为个性化后壳怎么定制

    我们很多人在购买手机时都会看中后壳颜色,喜欢不同颜色的用户有时可能会因为颜色不全,而放弃购买,华为新推出了“个性化后壳”服务,可以满足用户们更换后壳的需要,实现颜色自选,快来看看后壳支持哪些型号吧。华为个性化后壳服务是什么昨日有网友发现,在华为官网上新推出了“个性化后壳”服务项目,对于很多人来说手机后壳非常容易摔坏,或者是自己看腻了后壳颜色,可以通过自费进行后壳更换,再也不用自己买后膜贴在手机上了

经验评论

评论列表(条(包括审核中))