如何用js获取input的值

如何用js获取input输入框的内容

操作方法

  • 01

    如图所示,【右键单击项目】,选择【添加新项】,先添加一个页面。

  • 02

    然后在弹出来的窗体,选择Web窗体,点击添加进入下一步。

  • 03

    接着输入图中的代码到head和body里面。下面的代码可直接复制 head里面的js代码: <script type="text/javascript"> function load() { var input = document.getElementById("txbInfo").value;   //获取用户在Info上输入的值 window.alert ("您输入的是:"+ input); } </script> body里面的控件代码: <form id="form1" runat ="server"> <input type ="text" id="txbInfo" name="txbInfo"  style="width:80px;" /> <input type ="button" id="btnGet" name="btnGet" value="获取" style="width:50px;" onclick="load()" /> </form>

  • 04

    写好代码后,点击图中类似播放键的按钮运行调试。测试一下,所写的代码是否可行。

  • 05

    如图所示, 运行后的页面,只有一个输入框,和一个获取的按钮,因为只写了这两个控件,所以界面很简单。

  • 06

    接着,在输入框上,输入一个信息。例如,输入“我想点餐吃鸡腿”。输入完毕后,点击获取,看看效果。

  • 07

    如图所示, 弹出来了的信息是“您输入的是:我想点餐吃鸡腿”。获取了刚才输入的值,证明这个代码获取input输入的信息是可行的。

(0)

相关推荐

  • HTML网页怎样获取input的值呢

    网页中需要获取用户的信息,这就需要获取表单中的input的值,那么HTML网页怎样获取input的值呢 操作方法 01 如图,先布局好一个网页表单,这里我就设置一个input和一个button,并且我 ...

  • js获取的src值的三种方式

    js获取<img>的src值的三种方式,并分析 DOM对象与jquery对象有什么不同 操作方法 01 var img1src = $("#jsb_czq_pic1") ...

  • 如何用js或者jquery获取input框里面的值

    处理表单的时候通常会通过获取input中的值来进行比较判断,或者赋值,对于前端的验证用到比较多,那么怎么获取input中的值呢? 通过js来获取input的值的准备工作 01 首先建立一个静态页面命名 ...

  • 如何获取input的value值

    在互联网开发中,会经常用到html的input控件,而获取input的value值也是前后端交互的常见方式,下面本文介绍一下怎么获取input的value值. 操作方法 01 例如,html中有如下i ...

  • 如何用autolisp获取cad图形文件中直线和多义线的图层名

    如何用autolisp获取cad图形文件中直线和多义线的图层名? 用(cdr(assoc 8 (entget (car (entsel)))))就可以得到直线和其他实体的图层名。 想要的程序是:点取 ...

  • 如何使select2插件下拉框多选并获取选中的值

    select2是jQuery的一个下拉框插件,有单选.多选.搜索.禁用等功能.下面利用一个实例来说明select2多选框的使用方法,并获取选中的值,具体操作如下: 操作方法 01 第一步,创建静态页面 ...

  • 如何在支付宝获取会员成长值

    手机版支付宝软件被很多人使用,用来支付,理财等,有的用户在使用该软件时,想要获取会员成长值,但是却不知道如何获取,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开支付宝软件,接着点击右 ...

  • 如何用js做一个网页无限弹出窗口把浏览器弹崩溃

    如何用js做一个网页无限弹出窗口把浏览器弹崩溃?如果你想做一个整蛊网页,利用js可以轻易实现.不过小编建议不是非常熟悉的朋友之间不要轻易进行整蛊,否则容易让人心生厌烦.下面,小编就来给大家介绍如何用j ...

  • JS获取select-option-text_value的方法

    这篇文章主要介绍了JS获取select-option-text_value的方法,有需要的朋友可以参考一下,刚刚做项目需要  找到就给不知道的同学分享下 操作方法 01 HTML代码: <sel ...