常见的窗体收集数据ui和相关得到数据代码：
ui：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>UserName.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<!-- 尝试get和post的区别 -->
<form name="f1" >
<table border="0">
<tr>
<td>UserName :</td>
<td><input type="text" name="UserName" ></td>
</tr>
<tr>
<td>
<textarea name="myText"></textarea>
</td>
</tr>
<tr>
<td>
<select name="likes">
<option selected value="music">music</option>
<option value="sport">sport</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="travel1" size="2">
<option selected value="1">china</option>
<option value="2">Amercia</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="travel2" size="2" multiple>
<option selected value="1">china</option>
<option value="2">Amercia</option>
</select>
</td>
</tr>
<tr>
<td>
<!-- 隐藏控件 -->
<input type="hidden" name="hiddenControl" value="hiddenValue"/>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
得到数据代码: