html+JS 输入文本框，获取文本框内容且输出

获取文本框中的内容有以下两种方法：

假设为如下文本框：

<input type="text" value="" id="text">

1、原生JS获取文本框的值：

documentgetElementById("text")value  //text为文本框的id

2、jquery获取文本框的值：

$("#text")val()

把input的type定义为number就可以了。像下面这样：

<input type="number" value="0" name="test" />

不过number这个type是一个HTML5标准的input属性，在IE里面是无法生效的。

把输入框放到一个form表单里

<form name="frm">

<input type="text" name=“name” id=“id_name”/>

</form>

这样在js里就可以documentfrmnamevalue就是输入框的值

或者documentgetElementById("id_name")value也是可以的

可以通过import xmletreeElementTree，通过方法parse（HTML）获取根节点，再去find（输入框的xpath 路径）得到输入框Element 对象，最后通过Elementget（key=name）方法去读想要的属性值。

<input type="password" id="pwd" name="xxx" value="xxxx"> 前台的话获取$("pwd")val(); 试试

使用input标签的value属性可以获取input的value值。

1、新建html文件，在body标签中添加input标签，为input标签设置value属性，属性值为“demo”：

2、为了方便获取input元素，为input标签设置id属性，属性值为“ipt”：

3、添加script标签，在script标签中添加代码“alert(documentgetElementById('ipt')value); ”，其中alert的意思是d窗，alert里面的内容是获取input标签中的value值代码：

我们平时进行网页开发的时候，经常使用数据库存储用户输入的信息。但是数据库安装配置比较复杂，对于一些简单的需求并不适合。下面我就给大家分享用HTML5快速存储信息的方法。

工具/材料

Sublime Text

01

首先打开Sublime Text软件，在HTML界面中我们用HTML5语言布局一些输入框供用户输入信息，如下图所示

02

接下来我们在编写查找用户输入信息的界面，如下图所示，只需要一个输入框和一个按钮即可

03

然后我们在script标签中获取用户输入的信息，并且通过localStorage对象进行本地存储，如下图所示

04

下面实现信息查找的功能编写，这里主要是通过localStorage的getItem方法进行信息获取的，如下图所示

05

然后我们通过列表的形式将HTML5存储的信息都展示出来，如下图所示

06

接下来我们运行页面程序，在输入框里面输入你要添加的数据，这里简单的输入一些测试数据，然后点击新增记录按钮即可，如下图所示

07

当我们新增记录以后，就会在列表中看到我们增加的信息了，它是以键值对的形式存储的，如下图所示

08

最后在查找输入框里面我们输入键就会得到相应的值，如下图所示

以上就是关于html+JS 输入文本框，获取文本框内容且输出全部的内容，包括:html+JS 输入文本框，获取文本框内容且输出、HTML文本输入框、在JS中如何获取HTML网页密码输入框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！