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

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

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

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的人有帮助!

相关经验+更多
  • 怎样用JavaScript动态更换图像元素中的图像 具体内容

    怎样用JavaScript动态更换图像元素中的图像 具体内容

    本节实例给出了一个动态更换图像的方法,当选择某个图像选项时,该图像会切换为另一幅图像。 本节代码主要使用了 onChange 事件和HTML中img标签 src 属性,主要功能和用法如下。 步骤

  • JavaScript中的ajax怎么用 划重点了

    JavaScript中的ajax怎么用 划重点了

    ajax通过局部刷新给用户带来了更好的交互体验,今天咪咪我就来分享一下ajax的用法。 工具/材料 电脑 Hbuilder xampp 操作方法 01 第一步,新建一个html界面,这里我就新建一个“index.html”

  • 女生来月经的时候应该注意什么,来学习吧

    女生来月经的时候应该注意什么,来学习吧

    女性在经期的时候身体是非常虚弱的,需要相对的营养来进行补充,经期的时候应该注意些什么? 操作方法 01 苹果缓解痛经功效,苹果等水果含有丰富的维生素C、容易被人体直接吸收

  • 女生来月事该注意的事项,你值得一看的技巧

    女生来月事该注意的事项,你值得一看的技巧

    女性朋友每个月都会来月经,在月经期间女性朋友的身体会比较虚弱,需要注意的事项也不少,那么今天就让小编来给大家介绍一下女生来月事都有哪些注意事项吧! 操作方法 01 不要

  • 秋季养生食物有哪些? 秋季吃什么蔬菜好?,来充电吧

    秋季养生食物有哪些? 秋季吃什么蔬菜好?,来充电吧

    秋天是丰收的季节。下面,我们来看看秋天养生食物有哪些,以及秋天吃什么蔬菜比较好吧。 工具/材料 蔬菜 操作方法 01 黄瓜 黄瓜可以不要去皮,可以生吃,还能够用来炒菜,将黄瓜

  • 秋季养生吃什么蔬菜 来研究下吧

    秋季养生吃什么蔬菜 来研究下吧

    1、秋季养生吃什么蔬菜 1.1、番茄 番茄是秋季养生饮食少不了的一道菜。秋天的番茄成熟度最好,番茄红素也是最为丰富的,也基本不需要加催熟剂。秋天也很容易晒伤与晒黑,而番茄红素

经验评论

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