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

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

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

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

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

<form action="form_actionphp" 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_actionphp" 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>
   consolelog($('#bt1')val())
   consolelog($('#bt2')val());
   </script>

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

一、用file_get_contents以get方式获取内容，需要输入内容为：

1、<php

2、$url='>

3、$html=file_get_contents($url);

4、echo$html;

5、>

二、用file_get_contents函数,以post方式获取url，需要输入内容为

1、<php

2、$url='>

3、$data=array('foo'=>'bar');

4、$data=>

5、$opts=array(

6、'>

7、 'method'=>'POST',

8、 'header'=>"Content-type:application/x->

9、          "Content-Length:"strlen($data)"\r\n",

10、 'content'=>$data

11、)

12、);

13、$ctx=stream_context_create($opts);

14、$html=@file_get_contents($url,'',$ctx);

15、>

三、用fopen打开url,以get方式获取内容，需要输入内容为

1、<php

2、$fp=fopen($url,'r');

3、$header=stream_get_meta_data($fp);//获取信息

4、while(!feof($fp)){

5、$result=fgets($fp,1024);

6、}

7、echo"urlheader:{$header}<br>":

8、echo"urlbody:$result";

9、fclose($fp);

10、>

四、用fopen打开url,以post方式获取内容，需要输入内容为

1、<php

2、$data=array('foo2'=>'bar2','foo3'=>'bar3');

3、$data=>

4、$opts=array(

5、'>

6、'method'=>'POST',

7、'header'=>"Content-type:application/x->

8、"Content-Length:"strlen($data)"\r\n",

9、'content'=>$data

10、)

11、);

12、$context=stream_context_create($opts);

13、$html=fopen('>

14、$w=fread($html,1024);

15、echo$w;

16、>

五、用fsockopen函数打开url，以get方式获取完整的数据，包括header和body，需要输入内容为

1、php

2、functionget_url($url,$cookie=false)

3、{

4、$url=parse_url($url);

5、$query=$url[path]""$url[query];

6、echo"Query:"$query;

7、$fp=fsockopen($url[host],$url[port]$url[port]:80,$errno,$errstr,30);

8、if(!$fp){

9、returnfalse;

10、}else{

11、$request="GET$query>

12、$request="Host:$url[host]\r\n";

13、$request="Connection:Close\r\n";

14、if($cookie)$request="Cookie:  $cookie\n";

15、$request="\r\n";

16、fwrite($fp,$request);

17、while(!@feof($fp)){

18、$result=@fgets($fp,1024);

19、}

20、fclose($fp);

21、return$result;

22、}

23、}

24、//获取url的html部分，去掉header

25、functionGetUrlHTML($url,$cookie=false)

26、{

27、$rowdata=get_url($url,$cookie);

28、if($rowdata)

29、{

30、$body=stristr($rowdata,"\r\n\r\n");

31、$body=substr($body,4,strlen($body));

32、return$body;

33、}

34、 returnfalse;

35、}

36、>

参考资料：

php-file_get_contents

1给form添加id值：

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值，即可以传值到后台

2给提交按钮添加id值：

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提　交">

3引用jquery-formjs文件

4jquery表单提交：

可以获取form对象，然后获取它的所有子元素，并判断元素类型是不是input或select
1
2
3
4
5
6
7
8
var ff=documentforms[0];
for (var i=0;i<ffelementslength;i++)
{
var ee=ffelements[i];
if("INPUT"==eetagName||"SELECT"==eetagName){
//处理代码
};
}

action接收jsp传来的值，主要的方式是将数据放在request对象中，然后在另一个页面拿到这个数据即可，代码如下：
Ajsp ：通过post 和get、连接都可以传
a标签连接的：
<a herf='Bjspname=<%=name%>'>传递到B页面</a>
Bjsp :
B页面通过如下代码接收
<%
String name=requestgetParameter("name");
outprintln("接收到:"+name);
%>

---