当前位置:主页 > 生活知识 >

html表单(在html中如何获取表单的信息呢?代码格

  • 生活知识
  • 2023-09-10 10:35
  • 来源:www.renliuw.cn
  • 生活知识

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

无痛人流