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

Html5的废弃与新增全局属性及元素,第1张

有新增就有废弃,今天来学习一下废弃元素 在表格里原有的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等类型 2、required(布尔类型) 用于限制用户空提交,提醒用户填写 适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类  3、pattern 迪用户输入的电话做具体要求,如图所示:^快捷键位shift=6 【】代表只可以输入的数字 /bd代表数字 9代表还可以输入的几位数字要求

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320875.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存