html案例之表单制作,html设计表单-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于html案例之表单制作的问题，于是小编就整理了1个相关介绍html案例之表单制作的解答，让我们一起看看吧。

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

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

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

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

div>

（图片来源网络，侵删）

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

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的值是表单数据提交的地址。

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

1、可以使用J***aScript的选择器选择表单的元素并获取其输入的数据，代码如下：

（图片来源网络，侵删）

<form action="form_action.php" method="get"> <p>First name: <input id="***1" type="text" name="fname" /></p> <p>Last name: <input id="***2" type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form> <script> console.log($('#***1').val()) console.log($('#***2').val()); </script>

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

到此，以上就是小编对于html案例之表单制作的问题就介绍到这了，希望介绍关于html案例之表单制作的1点解答对大家有用。

[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。转载请注明出处：http://www.fengdengtech.com/post/79573.html