能用标签、属性处理的就不用函数处理，能用函数处理的就不用自己实现写方法
关于表单的详细讲解：
http://wenda.tianya.cn/wenda/thread?tid=0f6499a46be00f84

HTML  全称是HypterText  Mark-up Language 超文本标记语言。 
这里Hypter 就是超级的意思，传输的意思。
这里的text就是基于ASCII码的文本文件
make-up就是在被显示的元素周围加上标记，不同的标记代表着不同的显示规则，或者不同的功能。
language就是语言的意思，什么是语言呢？-----交流的工具 那交流的目的又是什么呢？ 交流的目的就是为了完成某个具体的任务 所以说语言就是要完成某个具体的任务 
和谁交流呢？ 汉语用来和中国人交流，英语用来和会英语的人交流。 而程序语言用来和计算机交流，让计算机了解我们的意图，从而完成我们的某个意图。
 
 
 

以前学过C++
在我看来HTML DOM实际上就是一个树形文件类，在这个类里封装了很多变量，还有很多可以对变量进行操作的方法
而每一个打开的网页，实际上就是一个HTML DOM类的实例或对象，这个实例就可以调用DOM里的方法对HTML网页中的标签（类里封装的变量）进行操作
于是，就为JS里的函数/方法，提供了操作HTML标签的接口，实现了动态网页
我就是这样理解的，希望大家一起来探讨。

HTML5 是新一代的html, 与之前的版本相比, 做了如下改动
新增标签
h5中新定义了一系列新标签, 以增强标签的语义化
1) css解析能力较弱的设备, 能够通过标签语义化体现页面的易读性
2) 残障人士的电脑易于阅读
3) 对于搜索引擎的扒取更加友好
4) html标准约定的语义化规则
5) 更易于团队合作
新增表单元素
<input type="url" />
<input type="number" />
<input type="email" />
<inout type="date" />
<input type="time" />
<input type="range" />
<input type="color" />
.....
新增属性
1) autocomplete: form 或者 input 在输入的时候, 拥有自动完成功能
2) autofocus: 页面加载完毕, 当前属性设置为true的表单自动获取焦点
3) placeholder: input 元素的默认提示文本
4) required: 必填项, 提交前必须填充
5)multiple: 输入域中可以选择多个值
........
新增事件
拖拽事件等...
本地存储
1) localStorage: 没有时间限制的数据存储
2) sessionStorage: 针对一个session的数据存储