表单（1）

表单 <form></form> 

在我们网页中，我们也需要跟用户进行交互，收集用户资料，此时就需要表单作用：前端网页（用户）和后端进行数据交互 在html中，一个完整的表单通常由表单域、提示信息、表单控件3部分组成

常用属性：

常用属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器的url地址
method	get/post	用于设置表单数据的提交方式，其取值为get或post
name	名称	用于指定表单的名称，以区分同一页面中的多个表单域

！！！注意：

1. get方式提交，会把表单域中的数据直接显示在浏览器的地址栏中（明文传递，数据不安全）
2. post方式提交，不会把表单域中的数据直接显示在浏览器的地址栏中（以密文传递，数据安全）

代码示例：

<form action="url地址" method="提交方式" name="表单域名称"></form>

<input />标签

 <input /> 标签用于收集用户信息，在 <input /> 包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式（可以是文本框，密码框，等等）

type属性的属性值：

属性	属性值	描述
type	text	单行文本输入框
	password	密码输入框
	radio	单选按钮
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图像形式的提交按钮
	hidden	隐藏域
	file	文件域
	email	e-mail地址的输入域
	url	URL地址的输入域
	number	数值的输入域
	range	一定范围内数值的输入域
	Date pickers（date, month, week, time, date time, datetime-local）	日期和时间的输入类型
	search	搜索域
	color	颜色的输入类型
	tel	电话号码输入类型

示例代码：

<input type="属性值"/>

示例：

<form action="http://www.baidu.com" method="post" name="greenjianjie">
  用户名:<input type="text" name="mingzhi" /><br />
  密码:<input type="password" name="mima" value="123" /><br />
  性别:
    男：<input type="radio" name="sex" value="男" />
    女：<input type="radio" name="sex" value="女" /><br />
  爱好：
    打羽毛球:<input type="checkbox" name="aihao" value="打羽毛球" /><br />
    打游戏:<input type="checkbox" name="aihao" value="打游戏" /><br />
    看小说:<input type="checkbox" name="aihao" value="看小说" /><br />
  <input type="button" value="普通按钮" />
  <input type="submit" value="提交按钮" />
</form>

<input/>的其他属性：

属性	属性值	描述
name	由用户自定义	定义input元素的名字
value	由用户自定义	规定input元素的值
checked	checked	规定此input元素首次加载时应当被选中
maxlength	正整数	规定输入字段中的字符的最大长度

！！！注意：

1. name和value是每一个表单元素都有的属性值，主要给后台人员使用
2. name是表单元素的名字，要求单选按钮和复选框有相同的name值
3. checked属性主要针对于单选按钮和复选框，主要作用是打开页面，就要可以默认被选中的某个元素
4. maxlength是用户可以在表单元素输入的最大字符数，一般较少使用