Html5-----表单标签

一、form标签

          常见属性：action：表示动作，值为服务器地址，把表单的数据提交到该地址上处理。

                            method：请求方式：get   和   post

                                              get：地址栏会显示用户输入参数

                                                       不安全

                                                        效率高

                                                        get请求大小有限制，不同浏览器不同，大约2kb

                                              post：地址栏不出现参数

                                                          安全可靠

                                                          效率低

                                                          post请求大小理论上无限

          input标签：

                            

<tr>
					<td>姓名</td>
					<!--text 文本框  输入内容-->
					<td><input type="text" name="userName" id="userName" value="" /></td>
				</tr>
				<tr>
					<td>密码</td>
					<!--password 密码框   密文或者掩码-->
					<td><input type="password" name="userPwd" id="userPwd" value="" /></td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<!--radio 表示单选。name必须一致 否则可多选，valu值传入服务器-->
						<input type="radio" name="gender" id="gender" value="boy" />男
					    <input type="radio" name="gender" id="gender" value="girl"/>女
					</td>
				</tr>
				<tr>
					<td>爱好</td>
					<td>
						<!--checkbox 多选框 name值必须一致 可以多选 返回值是一个数组-->
						<input type="checkbox" name="hobby" id="hobby" value="eat" />吃
						<input type="checkbox" name="hobby" id="hobby" value="drink" />喝
						<input type="checkbox" name="hobby" id="hobby" value="play" />玩
						<input type="checkbox" name="hobby" id="hobby" value="happy" />乐
					</td>
				</tr>
				
				<tr>
					<td>上传文件</td>
					<td>
						<input type="file" name="picture" id="picture" />
					</td>
				</tr>
				<tr>
					<td>
						<!--按钮不需要name属性  按钮上的文字可以使用value属性-->
						<input type="submit" id="login" value="登录" />
						<input type="button" value="点击" onclick="alert('点我干嘛！')" />
						<input type="reset" value="重置" />
					</td>
				</tr>
				<tr>
					<td>
						<!--隐藏  不让使用者看到 服务器可以接收value值-->
						<input type="hidden" id="hiddenValue" value="你好" />
					</td>
				</tr>

              select标签：

                            select标签添加该属性multiple="multiple"表示多选 、size表示显示的个数

<tr>
					<td>城市</td>
					<td><select name="city">
						<option value="">北京</option>
						<option value="">上海</option>
						<option value="">广州</option>
						<option value="">深圳</option>
					</select></td>
				</tr>

               textarea元素 ：

                        <textarea cols="100" rows="5">  表示5行100列的区域可以输入内容，该元素没有value属性