网页中需要获取用户的信息,这就需要获取表单中的input的值,那么HTML网页怎样获取input的值
工具/原料
联想威6
win1020H2
Hbuilder9.1.29
方法/步骤
1、如图,先布局好一个网页表单,这里我就设醅呓择锗置一个input和一个button,并且我们给input添加一个id,id名我就取为in。
2、布局后结果如下,如图,有一个input输入框,和一个get按钮。
3、接着我们在页面中引入jq插件,使用jq封装的方法来获取input的值。
4、接着再书写一个get函数,待会我们将调用这个get函数来获取input里面的值。
5、如图,完善get函数,在里面写上代码j兑恶铼融Query(in)是用来获取到input这个元素(因为input的id是in),而获取到这个元素之后我们可以调用val()方法芟坳葩津,这个方法就可以获取到input里面的值。
6、接着我们使用alert()来括住jQuery(in).val()。这样,获取到的值就会以弹窗的方式显示出来
7、接着我们再把get函数绑定在button按钮裼沙钔炯上面,这样,当我们点击按钮的时候就可以获取到input里面的值了
8、如图,我们在input里面输入文字,然后点击按钮就会弹出input里面的值了