HTML网页怎样获取input的值

 时间:2024-09-21 01:24:04

网页中需要获取用户的信息,这就需要获取表单中的input的值,那么HTML网页怎样获取input的值

工具/原料

联想威6

win1020H2

Hbuilder9.1.29

方法/步骤

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怎么添加滚动条
热门搜索
孙菲菲图片 吊旗图片 冬天的图片大全 梁朝伟电影 枸杞盆景图片