HTML网页怎样获取input的值

 时间:2026-02-14 00:58:55

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函数,在里面写上代码jQuery(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的值

  • css中如何实现button垂直居中
  • 创建视图的sql语句
  • a标签的下划线怎么去掉
  • HTMLcss怎样让div固定在顶部位置
  • HTML怎么添加滚动条
  • 热门搜索
    视频截图怎么截 山东工商学院怎么样 20以内加减法怎么教 舌头发黑是怎么回事 冠珠瓷砖怎么样 儿童近视怎么办 五菱宏光s怎么样 面条鱼怎么做好吃 怎么戒掉网瘾 喷雾怎么用