今天完成的任务：表单貌似是终于做完了 感动的泪花。

收获：1.解决表单问题的速度上升了0.0.

    今天顺便又熟悉了一下 display:none; visibility:hidden; opacity:0;的区别。

display: none;                                                                                                                      

1、浏览器不会生成属性为display: none;的元素。                    
2、display: none;不占据空间（毕竟都不熏染啦），所以动态改变此属性时会引起重排。 
 

1、元素会被隐藏，但是不会消失，依然占据空间。 
2、visibility: hidden会被子类继承，子类也可以通过显示的设置visibility: visible;来反隐藏。 
3、visibility: hidden;不会触发该元素已经绑定的事件。 
4、visibility: hidden;动态修改此属性会引起重绘。 

opacity=0

1、opacity=0只是透明度为100%,元素隐藏，依然占据空间。 
2、opacity=0会被子元素继承,且，子元素并不能通过opacity=1，进行反隐藏。不能。 
3、opacity=0的元素依然能触发已经绑定的事件。