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的值
  • css中如何实现button垂直居中
  • 创建视图的sql语句
  • a标签的下划线怎么去掉
  • HTMLcss怎样让div固定在顶部位置
  • HTML怎么添加滚动条
  • 热门搜索
    福娃过大年手抄报 70周年手抄报内容文字 感恩教师节手抄报 关于艺术的手抄报 走进名著手抄报内容 八礼四仪手抄报内容 关于国庆节的英语手抄报 中国手抄报 三年级国庆节手抄报 国学经典手抄报图片