HTML5的元素类型以及新的表单元素和属性

html5类型:

color 颜色类型
date 日期
datetime日期
datetime-local 日期与时间
week 周
month 月
time 时间
email 邮箱
number 数值
file 文件

H5中的新的表单元素和属性

datalist 规定输入框的选项列表

autofocus=“autofocus” 自动获取焦点
required 输入框为空，验证提示
step 规定数字间隔，通常放在number中
min – max 规定类型内容的范围

outline: none; 去掉获取焦点时的线

box-sizing 定义如何计算一个元素的总宽度或者总高度

ontent-box
默认值:如果你设置一个元素的宽度为100px,那么这个元素的内容区域会有100px;并且任何边框和内边距的宽度都会被添加到最后绘制出来元素宽度上
注:不包含的margin

width(宽度)+padding(内边距)+border(边框)=总宽度

border-box
告诉浏览器,你要设置的边框和内边距是包含在width中的，也就是说如果你设置一个元素的宽度为100px，那么这个100px会包含它的border和padding
注:不包含的margin

div box-sizing:boreder-box; 总宽度:200px
width:200px;
boreder:10px;
padding:50px;

显示和隐藏:
display;none; 隐藏
display;block; 显示

隐藏的时候不会占用空间,也就是说该元素不但被隐藏了,而且该元素占用的空间也从页面中消失.

visibility:hidden; 隐藏
visibility:bisibe; 显示

隐藏的时候会占用空间,也就是说该元素被隐藏是,该元素占用的空间不会从页面中消失.