定义表单
<form action="" method="" target="" accept-charset="" autocomplete="" enctype="" novalidate="novalidate"></form>
name：规定表单的名称
action：URL地址指向php、asp、jsp等后台数据处理程序，规定当提交表单时向何处发送表单数据
method：规定用于发送表单数据的 HTTP 方法，包括：get(默认)、post；get方法只接受低于1k的信息，url中可见，url长度须小于3000字符，搜索引擎用的是get；post方法允许传送大量信息，数据不显示在url中，申请表单用的是post；
target：规定在何处打开action中的URL，包括：_self(默认)、_blank、_parent、_top
accept-charset：规定表单提交时使用的字符编码，默认为包含 <form> 元素的文档的编码
autocomplete：是否启用表单的自动完成功能，on--默认，规定启用自动完成功能，浏览器会基于用户之前键入的值自动完成值；off--规定禁用自动完成功能，用户必须在每次使用时输入值到每个字段中，浏览器不会自动完成输入
enctype：规定在向服务器发送表单数据之前如何对其进行编码（适用于 method="post"）
application/x-www-form-urlencoded --默认，在发送前对所有字符进行编码（将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值）
multipart/form-data --不对字符编码，当使用有文件上传控件的表单时，该值是必需的
text/plain --将空格转换为 "+" 符号，但不编码特殊字符
novalidate：如果使用该属性，则提交表单时不进行验证
<form action="http://www.likecs.com/url"
method="get/post" autocomplete="off/on"></form>
<form action="mailto:xxx@163.com" method="get/post"></form>
注意：当表单中有上传控件时，表单的发送方式必须为post，且需要规定表单在发送数据之前如何对数据进行编码的：
<form method="post" enctype="multipart/form-data"></form>
一、input
<form><input type=" " value=" " form="" disabled="disabled" readonly="readonly" />...</form>
type：
text：文本（默认，默认宽度为20个字符）
button：自定义按钮
checkbox：复选框
<input type="checkbox" value=" " />
一组类型的复选框名称应命名成数组形式：名称[ ]、名称[数字]、名称[字符串]
要使复选框与外部文本对齐，添加样式属性“vertical-align:middle;”
要去除浏览器本身的checkbox样式，添加样式属性“-webkit-appearance:none;-moz-appearance:none;”
file：定义文件选择字段和 "浏览..." 按钮，供文件上传
<input type="file" value=" " accept="规定提交文件的类型" />
hidden：定义隐藏栏位
<input type="hidden" value=" " /> 以隐藏域形式传参
image：以提交按钮形式显示图像
<input type="image" src="http://www.likecs.com/url" alt="" />
password：密码（字段中的字符会显示为***）
radio：单选钮
<input type="radio" value=" " />
一组类型的单选钮名称（name）应相同，值（value）不同；
submit：提交按钮
reset：重设按钮（重置所有表单值为默认值）
number：用于输入数字（带值微调控件）
<input type="number" min="1" max="10" step="1" value="2" />
<input type="number" min="1" max="10" step="0.1" value="2" />
<input type="number" min="1" max="10" step="0.01" value="2" />
要隐藏右侧微调按钮：
/*firefox*/
input[type=number] {
-moz-appearance:textfield;
}
/*chrome*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none !important;
margin:0;
}
type="number"提供了 stepUP 和 stepDown 两个方法来增加和减少数字
range：数值（带滑动条控件）
color：拾色器
时间日期点选式输入：
date：date控件（包括年、月、日，不包括时间）
datetime：date和time控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）
datetime-local：本地时间（包括年、月、日、时、分、秒、几分之一秒，不带时区）
month：月、年（不带时区）
time：小时、分钟（不带时区）
week：周、年（不带时区）
email：邮件
url：用于输入网址
search：搜索框
tel：用于输入电话号码
name：<input>元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值，若type为submit/reset则name不必设定；
value：<input>元素的值，value 属性对于不同 input 类型，用法也不同：
对于 "button"、"reset"、"submit" 类型 --- 定义按钮上的文本
对于 "text"、"password"、"hidden" 类型 --- 定义输入字段的初始（默认）值
对于 "checkbox"、"radio"、"image" 类型 --- 定义与 input 元素相关的值，当提交表单时该值会发送到表单的 action URL
value 属性对于 <input type="checkbox"> 和 <input type="radio"> 是必需的
value 属性不适用于 <input type="file">
placeholder：预设提示输入字段，适用于以下的 input 类型：text, search, url, tel, email 以及 password
<input placeholder="大家都在搜..." />
用CSS修饰placeholder文本：
::-webkit-input-placeholder{}
::-moz-placeholder{}
input:-moz-placeholder{}
::-ms-input-placeholder{}
autocomplete：输入字段是否启用自动完成功能，值包括：on(默认)/off
form：规定 <input> 元素所属的一个或多个表单，值为表单的id列表，多个表单id用空格分隔
src：显示为提交按钮的图像的 URL，仅且必须与 <input type="image"> 同时使用
alt：定义图像输入的替代文本，仅适用 <input type="image">
height：规定 <input>元素的高度，仅适用于 <input type="image">
width：规定 <input> 元素的宽度，仅适用于 <input type="image">
max：最大值，适用于以下 input 类型：number、range、date、datetime、datetime-local、month、time 和 week
min：最小值，适用于以下 input 类型：number、range、date、datetime、datetime-local、month、time 和 week