HTML网页怎样获取input的值

时间:2024-10-12 22:32:20

1、如图,先布局好一个网页表单,这里我就设醅呓择锗置一个input和一个button,并且我们给input添加一个id,id名我就取为in。

HTML网页怎样获取input的值

2、布局后结果如下,如图,有一个input输入框,和一个get按钮。

HTML网页怎样获取input的值

3、接着我们在页面中引入jq插件,使用jq封装的方法来获取input的值。

HTML网页怎样获取input的值

4、接着再书写一个get函数,待会我们将调用这个get函数来获取input里面的值。

HTML网页怎样获取input的值

5、如图,完善get函数,在里面写上代码j兑恶铼融Query(in)是用来获取到input这个元素(因为input的id是in),而获取到这个元素之后我们可以调用val()方法,这个方法就可以获取到input里面的值。

HTML网页怎样获取input的值

6、接着我们使用alert()来括住jQuery(in).val()。这样,获取到的值就会以弹窗的方式显示出来

HTML网页怎样获取input的值

7、接着我们再把get函数绑定在button按钮上面,这样,当我们点击按钮的时候就可以获取到input里面的值了

HTML网页怎样获取input的值

8、如图,我们在input里面输入文字,然后点击按钮就会弹出input里面的值了

HTML网页怎样获取input的值
© 手抄报圈