html5语义化标签——回顾

  

页眉

页面上的一个标题组合

导航 (包含链接的的一个列表)(包含链接的的一个列表)

妙味课堂

妙味课堂

页脚 页面的底部 或者 版块底部

页面上的版块

用来在页面中表示一套结构完整且独立的内容部分

元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分

< figure > 用于对元素进行组合。一般用于图片或视频

figure的子元素 用于对figure的内容 进行说明

(注意没有alt)

html5语义化标签

用来表现时间或日期

我们在每天早上 开始营业。

参数

我在

选项列表。与 input 元素配合使用,来定义 input 可能的值。

用于描述文档或文档某个部分的细节

< summary> details 元素的标题

元素标题

内容

定义一段对话

老师

2+2 等于?

学生

4

老师

答对了!

定义文章 或页面作者的详细联系信息

需要标记的词或句子

给表单添加一个公钥

定义进度条

76%

forms

email : 电子邮箱文本框,跟普通的没什么区别当输入不是邮箱的时候,验证通不过移动端的键盘会有变化

tel : 电话号码

url : 网页的URL

search : 搜索引擎

chrome下输入文字后,会多出一个关闭的X

range : 特定范围内的数值选择器

min、max、step( 步数 )

number : 只能包含数字的输入框

color : 颜色选择器

datetime : 显示完整日期

datetime-local : 显示完整日期,不含时区

time : 显示时间,不含时区

date : 显示日期

week : 显示周

month : 显示月

placeholder : 输入框提示信息

autocomplete : 是否保存用户输入值

autofocus : 指定表单获取输入焦点

required : 此项必填,不能为空

Pattern : 正则验证 pattern="\d{1,5}“

Formaction 在submit里定义提交地址

validity对象,通过下面的valid可以查看验证是否通过,如果八种验证都通过返回true,一种验证失败返回false

valueMissing : 输入值为空时

  typeMismatch : 控件值与预期类型不匹配

patternMismatch : 输入值不满足pattern正则

tooLong : 超过maxLength最大限制

rangeUnderflow : 验证的range最小值

rangeOverflow:验证的range最大值

stepMismatch: 验证range 的当前值 是否符合min、max及step的规则

customError 不符合自定义验证

setCustomValidity(); 自定义验证

Invalid事件 : 验证反馈 input.addEventListener('invalid',fn,false)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题
HTML5中div和section以及article的区别分析
html5和CSS 实现禁止IOS长按复制粘贴功能
html5 touch事件实现触屏页面上下滑动
canvas 模拟实现电子彩票刮刮乐的代码
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
Android自定义环形LoadingView效果
HTML5 canvas绘制五角星的方法
html5使用html2canvas实现浏览器截图
使用Canvas处理图片的方法介绍
利用Canvas模仿百度贴吧客户端loading小球的方法