表单的使用

表单的作用

用于显示、收集用户的信息，并且将信息传给服务器
2.表单的组成’
	表单元素-负责将用户数据提交给服务器
	表单控件-负责接收用户的数据（与用户进行数据交互）
3. 表单元素-负责将用户数据提交给服务器
	1.用法  <form></form>
	表单属性
			action
			定义表单被提交的时候的动作，主要就是服务器上处理数据应用程序的URL找谁处理
			method
				get 
					向服务器端提交数据时使用
					特点：显示提交 用户数据可以显示在地址栏
					提交数据长度有限制-2kB  每个浏览器时不一样
					谷歌 8kB ie 2kb
				post
					隐式提交  所有提交数据的时候都是看不见的 相对于说安全性较高
						没有数据大小限制的
				表单数据进行编码的方式
					默认：  application/x-www-form-urlencoded 
						 mulipart/form-data 上传文件时使用的
						 text/plain  早期的一个编码方式 非常少见了
				
				表单的控件
					type:
					创建各种类型的输入字段，如文本框（text） 密码框（password） 单选按钮	
					（radio） 多选按钮（checkbox） 提交按钮（submit） 重置按钮（reset）。
					value：
						值  要提交给服务器的
					name：
						控件的名称 服务端使用的 没有名字的话是无法提交的
					disabled="disabled
						禁用控件

// A code block
完成以上图片效果
**单选框的单选效果只需要给单选控件 加一个name属性 给予同样的值**
代码展示

// An highlighted block
		<form action="" method="post"><br />
			<!--文本框-->
		姓名：	<input type="text" value="" name=""/><br />
			<!--密码框-->
		密码：	<input type="password" value="" name=""/><br />
			<!--单选框-->
		性别：	男<input type="radio" value="" name="sex"/>女<input type="radio" value="" name="sex"/><br />
			<!--多选框-->
		爱好：	<input type="checkbox" value="" name=""/>玩游戏
				<input type="checkbox" value="" name=""/>看电影
				<br />、
			<!--邮箱-->
		邮箱：	<input type="email" value="" name=""/><br />
			<!--电话-->
		电话：	<input type="tel" value="" name=""/><br />
			<!--重置按钮-->
			<input type="reset" value="重置" name=""/><br />
			<!--登录按钮-->
			<input type="submit" value="登录" name=""/>
		</form>