html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下:

1

2

3

4

5

form action=form_action.php method=get

pFirst name: input type=text name=fname //p

pLast name: input type=text name=lname //p

input type=submit value=Submit /

/form

2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:

1

2

3

4

5

6

7

8

9

form action=form_action.php method=get

pFirst name: input id=bt1 type=text name=fname //p

pLast name: input id=bt2 type=text name=lname //p

input type=submit value=Submit /

/form

script

console.log($('#bt1').val())

console.log($('#bt2').val());

/script

2、其中$('#bt1').val()就是获取input输入内容的值

取消

评论

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐