2020-09-09 H5标签书写智能表单

H5的介绍

HTML5
			1、HTML5指的是HTML超文本标记的第五个版本
			2、随着技术的发展，新增了很多东西，现在不只是HTML的第五个版本，而是一个行业的标准。
			3、现阶段以学习html5技术，其实是整个前段相关的所有技术，基础：html、html5、css、css3这些只会新增一些东西，但是技术方向不会改变。
			4、html5新增的标记只是他一部分内容而已，html5新增的标记语义化更强了。
			    例如：header、nav、main footer。。。
			5、canvas、储存方式---cookie，通信相关、地理位置相关、拖拽、svg、关于视频音频等相关的一些方法，都需要JS相配合才能使用。
			6、html5标准的最终确定，新增的一些标记，方法都可以帮助咱们开发的便捷性。
			7、新出现的技术一般移动端使用的比较多，因为没有兼容问题。
		
			DTD规定了标记语言的规则，这样浏览器才能正确的呈现内容
			
			SGML 标准通用标记语音，是一种定义电子文档结构和描述其内容的国际标准语言。

盒模型：

		1、标准盒模型（w3c）盒模型的宽度 = 左右margin+左右padding+左右border+width
		2、怪异盒模型（ie） 盒模型的宽度-左右margin+width（border+widt+padding）
		3、怪异盒模型优势；会自动计算padding+border
				
			**触发怪异盒模型：**
		1、在ie低版本中，当不定义！doctype是可以触发
		2、在标准浏览器中，可以用css3新增的属性：box-sizing：border-box（怪异）|conten-box（标准）
				如果不想计算，就转换了盒子模型

H5标签书写规范

			头部 header
			导航nav
			主体body
			尾部footer

figur | figcaption 用作文档中插图的图像等
（dl dt名词或者图片 dd解释）

address：地址—独占一行

高亮显示高亮显示内联标记

时间2020-09-0914:20内联标记

画布123内联块标记(js使用更多)

表单的自动提示：


宝马

多媒体标记

video
source（多个sourc的作用：当前浏览器不支持这种视频格式，有备用的）

src 路径
controls 视频控件
autoplay 自动播放
muted 静音
loop 循环播放
poster封面

audio 与videw一样的标记。没有poster封面

embed

视频支持格式只有三种:：ogg mpeg4 webm

智能表单

H5 新增属性
在进行网站登录或者注册的时候，会用到表单，表单内的内容会进行验证处理，例如：此用户名已被使用、手机号码格式不正确、密码必须是字母开头等等

都是使用javasc里面的正则表达式去做的。
例如：var reg=/\d/；

html5新增的智能表单，多了表单验证功能。
电子邮箱：
手机号：
搜索：search
上传文件：file
网站地址：url required不能为空提示
数字：number min max step间隔
进度条：range
取色器：color
日历：date/week/month/submit

让表单不验证进行提交信息
novalidate
自动获取焦点 注意点：只能给第一个使用
autofocus
当用户获取焦点时，提示信息会自动消失。
placeholder
隐藏域：不会给用户进行展示，当用户提交数据是他会把收集到的数据一起提交给服务器。
hidden