html怎么获取html表单数据

html怎么获取html表单数据

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。
工具原料：编辑器、浏览器
一、使用表单的方法提交数据
1、利用form表单的action属性来获取表单的数据并提交，代码如下：

1
2
3
4
5

<form action="form_action.php" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last 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">
<p>First name: <input id="bt1" type="text" name="fname" /></p>
<p>Last 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输入内容的值