input属性：
required属性：设置该内容为必须填选项，否则无法进行提交
placeholder属性：设置默认值，当文本框获得焦点时被清空，对text、url、tel、email、password、search有效
autocomplet属性：HTML5新增属性，属性值为on、off定义是否开启浏览器自动记忆功能
autofocus属性：自动获得焦点
accesskey属性：指定快捷键windows中，指定快捷键后，按alt+快捷键，便会获得焦点
tabindex属性：指定Tab建时，项目间的移动顺序
input type值：
email：表示要输入一个电子邮箱
这是HTML5新增的元素
它会对输入的内容进行验证，在之前需要编写大段的JS代码来进行这项工作
浏览器版本比较低的话有 可能不支持，不同的浏览器提示的效果可能有差异
url：表示要输入一个网址
这是HTML5新增的元素
它会对输入的内容进行验证，在之前需要填写大段的JS代码进行这项工作
浏览器版本比较低的话可能不支持，不同的浏览器提示效果可能会有差异
tel：表示输入的内容是一个电话号码
这是HTML5新增的元素
它不会对输入的内容进行验证，但是当手机时会自动切换到数字输入。
浏览器版本较低的可能不支持，不同的浏览器提示的效果可能会有差异
number：
这是HTML5新增的
可以配合input的max/min/step/value规定允许输入的最大值、最小值、步长、默认值
浏览器版本比较低的有可能不支持，不同的浏览器提示效果有可能不同
range(活动条)
这是HTML5新增的：与number类型类似，也是表示一定范围的数值输入，但是以一个活动条的状态显示
可以配合input的max/min/step/value规定允许输入的最大值、最小值、步长、默认值
浏览器版本比较低的有可能不支持，不同的浏览器提示效果有可能不同
时间类：
这是HTML5新增的
包括datetime(UTC时间)、datetime-local(本地时间)、date(日)、month(月)、week(周)、time(时间)
浏览器版本比较低的有可能不支持，不同的浏览器提示效果有可能不同
color
这是HTML5新增的
可以建立一个颜色选择输入框
浏览器版本比较低的有可能不支持，不同的浏览器提示效果有可能不同
search
这是HTML5新增的
可以建立一个搜索框，用来供用户输入搜索的关键词
file
用来创建一个文件选取的输入框
可通过accept属性规定选取文件的类型，比如图片、视频
multiple属性可以设定一次允许选择多个文件
checkbox/复选框
用来创建一个复选框
通过checked属性可将某个选项设为默认的选取状态，再次单击取消选取
radio/单选框
用来创建一个单选框
通过checked属性可将某个选项设为默认的选取状态，再次单击取消选取
必须将同一组单选项设置一个相同的name属性
新元素：
select元素
用来建立一个下拉菜单选项列表
不仅可以在表单中使用，还可以在其他块元素和内联元素中使用
select只是定义了一个下拉菜单列表，起具体列表项要通过option元素建立
option元素可以用来建立一个选项，即下拉列表的一个菜单项
optgroup元素用来对option元素进行组合分组
sizes用来定义列表中显示的列表项数量
multiple属性用来定义是否可以多选
可以添加disable属性和autofocus属性
datalist元素
HTML5新增元素，用来建立一个选项列表
datalist元素的内容不会直接显示在网页上，只是会在用户输入时作为候选项
通常与input元素配合使用
button元素
用来建立一个按钮功能，与input元素建立的按钮相同
button元素是双标签，起内部可以配置图片与文字，进行更复杂的样式设计
不仅可以在表单中使用，还可以在其他块元素和内联元素中使用
button元素的属性
type属性：可以设置三个值submit、reset、button与input元素设置的按钮含义相同
name/value、/disable属性：与input元素的用法相同
form属性：设定按钮隶属于哪一个或多个表单
formmethod属性：设定表单的提交方式，将覆盖原本的提交方式
formnovalidate属性：设定的表单将会覆盖原本的novalidate属性
formaction属性：指定表单的发送对象，将覆盖原本的action属性设定
formenctype属性：指定表单的数据发送类型，将覆盖原本的enctype属性设定
formtarget属性：将覆盖原本的target属性高设定
重要提示：如果在表单中使用button元素，不同的浏览器会提交不同的值，ie会提交button元素中间的文本，而其他浏览器会提交value属性的内容。最好就是在表单中使用input元素来创建按钮。其他地方使用button创建按钮。
output元素：数据的输出
output元素是HTML5新增的元素，用来设置不同数据的输出
output元素的输出内容是由代码控制的
output元素的属性
name属性：定义对象的唯一名称(表单提交时使用)
form属性：定义所属的一个或多个表单
for属性：定义输出域相关的一个或多个元素
oninput表单事件：当用户对元素数据的输入时触发
<form action="" id="myform" oninput="num.value = parseInt(num1.value)+parseInt(num2.value)" >
<!-- output元素 -->
<input type="number" id="num1" />+
<input type="number" id="num2" />=
<output name="num" for="num1 num2"></output>
</form>
progress、meter元素
progress元素
是HTML5新增的元素，用来建立一个进度条
通常与JavaScript一同使用，来显示任务的进度
使用时注意浏览器的支持情况，ie9以及更早的版本不支持
progress元素的属性：
max属性：规定当前进度的最大值
value属性：设定进度条当前默认显示值
form属性：规定进度条所属的一个或多个表单
meter元素
是HTML5新增的元素，用来建立一个度量条，表示度量衡的评定
通常与JavaScript一同使用，来显示任务的进度
meter元素的属性：
value属性：设定进度条当前默认显示值
max属性：规定范围的最大值，默认为1
min属性：规定范围的最小值，默认为0
low属性：规定被视作低的标准
high属性：规定被视作搞得标准
optimum：规定被视作为最佳值
form属性：规定所属的一个或多个表单
<progress value="50" max="100"></progress>
<meter value="9" min="0" max="100" high="80" low="10"></meter><br>
<meter value="30" min="0" max="100" high="80" low="10"></meter><br>
<meter value="90" min="0" max="100" high="80" low="10"></meter><br>
<meter value="50" min="0" max="100" high="80" optimum="50" low="10"></meter><br>
fieldset/legend与新增的keygen元素
fieldset元素：可将表单内的相关元素分组
当一组表单元素放到fieldset标签内时，浏览器会以特殊的方式来显示他们，通过会有一个边框
没有必须的或唯一的属性。form/disable属性可用
legend元素：为fieldset元素定义标题
keygen元素
是HTML5新增的元素，用来建立一个密钥生成器
当提交表单时，私钥存储在本地，公钥发送到服务器。主要作用是提供一种用户验证身份的方法
使用时注意不同浏览器的支持程度不同，目前ie和Safari暂不支持
keygen元素的属性：
name、form、autofocus、disable
challenge属性：将keygen的值设置为在提交时询问
keytype属性：定义密钥类型，如设置为rsa(一种密码的算法)，则生成RSA密钥
RSA是目前最有影响力的公钥加密算法，它能够抵抗到目前为止已知5的绝大多数密码攻击，已被IOS推荐为公钥数据加密标准。
input属性pattern：设定输入的正则表达式。
以下不属于表单中的元素
menu和command很多浏览器都不支持
details和summary元素可以使用在很多的场景，比如导航菜单等
details元素：用于描述文档或文档某个部分的细节
通常与summary元素配合使用，可以为details定义标题。标题是可见的，用户点击标题时，会显示出details中的内容
details元素的属性：
open属性：规定在HTML页面上details是可见的
目前不是所有浏览器都支持，但是大部分还是支持 的
<details open>
<summary>很火</summary>
<ul>
<li>8000以上：<meter value="8000" min="0" max="10000" low="3000" high="8000" ></meter></li>
<li>3000-8000：<meter value="6000" min="0" max="10000" low="3000" high="8000" ></meter></li>
<li>3000以下：<meter value="1000" min="0" max="10000" low="3000" high="8000" ></meter></li>
</ul>
</details>
