有新增就有废弃,今天来学习一下废弃元素 在表格里原有的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代表还可以输入的几位数字要求
1200字范文,内容丰富有趣,写作的好帮手!