1、打开html编辑器，点击菜单栏上的【File】，点击New，再点击【HTML Page】来新建个HTML页面，如下图所示。
2、保存好新建的html页面，然后在body区域里添加要获取的输入框，把前期准备好，如下图所示。
3、在body区域里添加一个输入框来用于输入数据，在添加个提交按钮，来获取输入框里的数倌栗受绽据，如下图所示。输入框：<input type="text" id="jingyan" style="width:120px;" /> <br/> <input type="button" value="提交" />
4、在head区域里添加实现获取输入框数据的代码，然后在提交按钮那里做js的点击事件，如下图所示。<script> funct足毂忍珩ion getData(){ var content = document.getElementById("jingyan"); alert("获取到输入框里的数据为；"+content.value); }</script>
5、代码写好保存后，在浏览器里打开，此时就可以看到一个输入框，如下图所示。
6、在输入框里输入数据，然后点击提交按钮，此时就会弹出个对话框，告诉我们获取到的输入框数据了，如下图所示。
