HTML网页怎样获取input的值

  HTML网页怎样获取input的值，是不是还有些小伙伴并不是很了解呢？下面就为大家带来详细的获取教程分享，快一起来看看下面的详细介绍吧！

HTML网页怎样获取input的值

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

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

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

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

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

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

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

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