抓包看<form>中的各种元素

<form>表单中可以添加各种各样的元素，那么当表单submit以后浏览器发给server的网络封包长什么样子呢？

下面的例子是一个简单的<form>, method分别设置为get和post，我们来看抓包的结果。

<form>表单如下：

<form name="form1" action="http://192.168.1.1/personal_info.cgi"><!--<input type="text">-->First Name  <input type="text" name="firstname" id="firstname" value="John">  <br>Last Name <input type="text" name="lastname" id="lastname" value="Snow">   <br>  <br><!--<input type="radio">-->Gender: <br><input type="radio" name="gender" value="male"> Male <br><input type="radio" name="gender" value="female"> Female<br> <br><!--<input type="checkbox">-->Hobbies:  <br> <input type="checkbox" name="hobby" value="coding"> Coding<br><input type="checkbox" name="hobby" value="eating"> Eating<br><input type="checkbox" name="hobby" value="Sleeping"> Sleeping<br> <br><!--<select>-->Favorate Color:  <select name="favColor"><option value="red"> Red </option><option value="green"> Green </option><option value="black"> Black </option></select>  <br><input type="submit"></form>

method设为"get":

<form name="form1" method="get" action="http://192.168.1.1/personal_info.cgi">

submit后的抓包结果如下:

method设为"post":

<form name="form1" method="post" action="http://192.168.1.1/personal_info.cgi">

submit后抓包结果如下:

结论：

表单的各种元素，如<input type="text">，<input type="radio">, ，<input type="checkbox">和<select>等，

在网络封包里面都是“元素名字=元素的值”这种格式。所以只看包里面的内容，是不能判断出网页中对应什么元素的。

例子里面，无论是get还是post，提交给server的信息都是：
firstname=John&lastname=Snow&gender=male&hobby=coding&hobby=eating&favColor=red