html中如何获取表单的数据？

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

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

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

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

<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的选择器选择表单的元素并获取其输入的数据，代码如下：

<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输入内容的值

html页面的表单

<form action="myjsp.jsp" method="post">

你要输入的数据：<input type="text" name="data ">

</form>

在表单中，action动作和method合起来表示把数据交给mujsp.jsp页面去处理，

在jsp页面呢，用

<% request.getParmerter("data")%>获取html页面传递过来的数据，

要注意的是，有时候连个页面之间的传递会出现中文乱码现象，

解决乱码的做法是：在jsp页面加上

<% request.setCharacterEncoding("GB2312")

request.setCharacterEncoding("GB2312")%>

这样就不用担心编码问题了

---