html编写网站首页,在html中如何获取表单的信息呢？代码格式？

关于“html网站首页及表单制作制作”的问题，小编就整理了【2】个相关介绍“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输入内容的值

第一步：创建一个javaweb项目。

1、打开myeclipse file --》new--》web project，具体操作如下图所示。

第二步：创建表。

创建表语句，插入测试信息。

第三步：使用jstl标签连接数据库。

1、web项目引入mysql连接数据库驱动包放入lib目录下。执行build path命令如下图所示。

2、在index.jsp页面中引入jstl标签库并编写查询数据库代码。

第四步：部署测试。

1、将项目部署到tomcat服务器中。

2、启动tomcat服务器开始测试。

3、打开谷歌浏览器输入地址，结果如下图所示测试成功。

到此，以上就是小编对于“html网站首页及表单制作制作”的问题就介绍到这了，希望介绍关于“html网站首页及表单制作制作”的【2】点解答对大家有用。