输入框内的数据怎么获取？经常在web开发里需要获取表单输入框里的数据，这是最基本的，估计有一部分新手不会，想获取输入框数据有两种方法，一种是js获取，另一种是jquery获取。
工具/原料
html
js
jquery
获取输入框内的数据方法一
1、打开html编辑器，点击菜单栏上的【File】，点击New，再点击【HTMLPage】来新建个HTML页面，如下图所示。
2、保存好新建的html页面，然后在body区域里添加要获取的输入框，把前期准备好，如下图所示。
3、在body区域里添加一个输入框来用于输入数据，在添加个提交按钮，来获取输入框里的数倌栗受绽据，如下图所示。输入框：<input墉掠载牿type="text"id="jingyan"style="width:120px;"/><br/><inputtype="button"value="提交"/>
4、在head区域里添加实现获取输入框数据的代码，然后在提交按钮那里做js的点击事件，跗柿椁焚如下图所示。<script> funct足毂忍珩iongetData(){ varcontent=document.getElementById("jingyan"); alert("获取到输入框里的数据为；"+content.value); }</script>
5、代码写好保存后，在浏览器里打开，此时就可以看到一个输入框，如下图所示。
6、在输入框里输入数据，然后点击提交按钮，此时就会弹出个对话框，告诉我们获取到的输入框数据了，如下图所示。
获取输入框内的数据方法二
1、方法二其实也很简单，我们只要修改下方法一的部分代码就逐吴哉姆可以了。方法二是利用jquery来获取的，用起来更方便。先在head区域添加上jquery。<scri禊诬娱飑pttype="text/javascript"src="jquery.min.js"></script><script> functiongetData(){ varcontent=$("#jingyan").val(); alert("获取到输入框里的数据为:"+content); }</script>
2、保存好后，在浏览器上运行，在输入框里输入数据，点击提交按钮后，同样可以获取到输入框里的数据，如下图所示。
