Html5的废弃与新增全局属性及元素

有新增就有废弃，今天来学习一下废弃元素

在表格里原有的xhtml及html4中所用的bgcolor（背景颜色）、border（边框）、cellpadding（内边距）、width（宽）align(字体位置)等都不在使用。

而我们的html的version属性我们的系统一般使用utf-8 好处是包含所有国家用到的字符

该有就是属于属于a元素或者link元素的相关的元素也是废弃了

一、继续学习新增属性

1、email他的注意点是必须输入完整的邮件地址@是他的必备元素

2、url是指校验网页地址，其中特殊注意是http（不加密）及https（加密），我们现在常用的是https。

3、search是搜索框，区别于文本在他有清除的功能

4、color颜色选择可以选择颜色

5、number数字框，min最小值 max最大值stpe数字间隔 一般不需要命名value，如果要命名最好跟min值一样。

他们都加了label扩大选中区域，但是一定要注意for跟ID一定要要一样

6、range滑动条，范围默认1-100的范围 也可以使用 min最小值 max最大值stpe数字间隔,velue如果设置大小，那么提交的时候默认提交最小值，跟number是相同的

二、时间元素与表单校验

1、date他的显示是年月日

2、month显示年月

3、week显示年周

4、time显示小时分钟

5、datetime显示（UTC时间）年月日时间 注意点✨他的时间需要自己输入，且没有限制

6、 datetime-local他是显示本地时间 也是含有年月日时间 这个比较方便时我们的优先选择

三、表单的初级校验

为什么要进行表单验证？

表单验证的好处

减轻服务器的压力

保证数据的可行性和安全性

1、placeholder

用于在input里提示，知道正确写法。

适合于input标签：text、search、url、email和password等类型

<input type="search" name="sousuo"  placeholder="请输入要搜索的关键字"/>

2、required（布尔类型）

用于限制用户空提交，提醒用户填写

适合于input标签：text、search、url、email、password、number、checkbox、radio、file等类

<input type="text" name="username"  required/>

 3、pattern 迪用户输入的电话做具体要求，如图所示：^快捷键位shift=6 【】代表只可以输入的数字 /bd代表数字 9代表还可以输入的几位数字要求