form表单

最新推荐文章于 2021-03-16 20:40:15 发布

ggaofeng

最新推荐文章于 2021-03-16 20:40:15 发布

阅读量245

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/ggaofengg/article/details/82936730

版权

web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

向服务端提交数据，目前用的比较多的是ajax，以前用的比较多的是form表单。

使用form表单，submit按钮会自动提交数据，并转到新的网页。

<HTML>
<body>
	表单1
	<form>
		<p>姓名<input type="text" name="ff"></p>
		<p>婚否<input type="checkbox" name="cc" value="ppp"></p>
		<p><input type="submit" ><input type="reset" ></p>		
	</form>
	表单2
	<form action="/abc/rr">
		<p>姓名<input type="text" name="ff"></p>
		<p>婚否<input type="checkbox" name="cc" value="ppp"></p>
		<p><input type="submit" ><input type="reset" ></p>		
	</form>	
	表单3
	<form action="/abc/rr" method="post">
		<p>姓名<input type="text" name="ff"></p>
		<p>婚否<input type="checkbox" name="cc" value="ppp"></p>
		<p><input type="submit" value="登录"><input type="reset" ></p>		
	</form>	
	表单4
	<form action="/abc/rr" method="post" enctype="multipart/form-data">
		<p>姓名<input type="text" name="ff"></p>
		<p>婚否<input type="checkbox" name="cc" value="ppp"></p>
		<p><input type="submit" value="登录"><input type="reset" ></p>		
	</form>		
	
</body>
</HTML>

表单1，浏览器默认用get方法，提交到当前地址，采用x-www-form-urlencoded编码方式

表单2：可以通过action属性改变提交路径

表单3通过method属性修改http方法

Content-Type: application/x-www-form-urlencoded
Host: 127.0.0.1:5566
Origin: http://127.0.0.1:5566
Referer: http://127.0.0.1:5566/form.html
Upgrade-Insecure-Requests: 1

ff=44&cc=ppp

表单4通过enctype改变编码方式

Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryrwc0bWhW4hvBJodk
Host: 127.0.0.1:5566
Origin: http://127.0.0.1:5566
Referer: http://127.0.0.1:5566/form.html
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36


------WebKitFormBoundaryrwc0bWhW4hvBJodk
Content-Disposition: form-data; name="ff"

tt
------WebKitFormBoundaryrwc0bWhW4hvBJodk
Content-Disposition: form-data; name="cc"

ppp
------WebKitFormBoundaryrwc0bWhW4hvBJodk--