欢迎分享,转载请注明来源:内存溢出
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等类型
2、required(布尔类型)
用于限制用户空提交,提醒用户填写
适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类
3、pattern 迪用户输入的电话做具体要求,如图所示:^快捷键位shift=6 【】代表只可以输入的数字 /bd代表数字 9代表还可以输入的几位数字要求
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
jQuery入门(一)
上一篇
2022-06-11
好客租房142-react-virtualized2基本使用
下一篇
2022-06-11
评论列表(0条)