【第五篇】input表单的Html5新增属性&表单验证&联级样式

VScode关键点
快捷表现	快捷方式	关键字	举例
html5废弃属性	版本（1.0）	version
	给文字方向	align	left 默认左  center居中 right右
	link的属性（UTF-8）	charset
html5新增的表单<input>元素	地址栏(http://或者https://)	url	<input type="url" name="url">
	邮箱（@）	email	<input type="email" name="email">
	颜色	color	<input type="color" name="color">
	搜索框	search	<input type="search" name="search">
	数值框	number	<input type="number" name="number" min="2" max"10" step="3" value="min值">
	滚动条	range	<input type="range" name="range" min="2" max"10" step="3" value="min值">
	年-月-日	date	<input type="date" name="##">
	月-年	month	<input type="month" name="##">
	周-年	week	<input type="week" name="##">
	12:20  小时+分钟	time	<input type="time" name="##">
	UTC世界时间 2019/12/30 01:30:00	datetime	<input type="datetime" name="##">
	可以选择时间	datetime-local	<input type="datetime-local" name="##">
表单的初级验证	提交默认语言，输入时会自动消失	placeholder	<input type="email" name="email"  placeholder=“###”>
	表单内元素不能空值提交	required（布尔）	<input type="email" name="email" require >
	符合规定的指令提交  ^凯瑞符，以什么开头；【358】3或5或8；\d 表示数字{9}	pattern	<input type="email" name="email" require placeholder=“11位手机号”pattern="^[158]\d{9}" >
联级样式表	内部样式	style	head中   <style> </style>
	行内样式	style	body中  < h1  style="color:red;"> </h1>
	链接式（链接）	link	head中   <link rel="stylesheet" href="#####">
	导入式	@import url(./css/demo.css);	style中    @import url(./css/demo.css);