html5的知识

新的表单特性和函数：

placeholder:输入框提示信息

autocomplete:是否保存用户输入值

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

list和datalist:为输入框构造一个选择列表

required:此项必填，不能为空

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

formaction在submit里定义提交地址

表单验证

validity对象，通过下面的calid可以查看验证是否通过，

如果八种验证都通过返回true,一种验证失败返回false

ev.preventDefault()

valueMissing:输入值为空时

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

patternMismatch:输入值不满足pattern正则

toolong:超过maxLength最大限制

rangeUnderflow:验证的range最小值

rangeOverflow:验证的range最大值

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

customError不符合自定义验证

时间： 2024-08-24 23:12:22

html5的知识的相关文章

HTML5常用知识

今日做项目,涉及到native和H5页面的交互 1.document.readyState document.readyState:判断文档是否加载完成.firefox不支持. 这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载. 1-LOADING:加载程序进行中,但文件尚未开始解析. 2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效. 3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有

HTML5小知识

1.HTML5一种“妥协的”语法 2.特点: 标签不区分大小写元素可以省略结束标签元素属性可以省略属性值属性的属性值可以不适用引号

html5基础知识

html5 <!DOCTYPE>标签html5只有一种,即:<!DOCTYPE HTML> 示例:<!DOCTYPE html><html><head><title>html5_title</title></head><body>html5内容</body></html>---------------------<a>标签download属性,下载指定的文件(li

html5基础知识学习

HTML5腾讯课堂--html5前端开发视频 https://ke.qq.com/course/89671 html5_video http://www.myexception.cn/jquery/2016557.html https://www.douban.com/note/158621500/ http://www.jianshu.com/p/404d01b8e713 http://ask.dcloud.net.cn/docs/

html5基础知识------全局属性

全局属性:是指可以对任何元素使用的属性. contentEditable属性:主要功能是允许用户编辑元素中的内容,所以该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑. contentEditablee属性是一个布尔值属性,可以被指定为true或false.除此之外,该属性还有个隐藏的inherit(继承)状态,属性为true时,元素被指定为允许编辑,属性为false时,元素被指定为不允许编辑,未指定true或false时,则由inhe

Web的架构与html5基础知识

图1:完整的Web应用构架图2:html5的基本结构 head 可添加在头部标签元素有→→title meta style link base script noscript meta 几个重要属性↓↓ html的属性 →标准属性:id name style class →私有属性:独有如:a href →时间属性:触发 javascript h1~h6 字大小逐渐减小,字体随着浏览器不同可能有不同,一般使用h1~h3 空(自结束)标签: br换行 hr水平线 meta html中快捷

HTML5基础知识学习笔记

1.Html5基础讲解 1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置: body:内容标签,里面是整个网页要展示内容部分: 1.2HTML5标题: h1-h6等,后面跟的数字越大,对应的标题的字体大小就越小: 1.3HTML5段落 p标签表示段落,在p标签中可以编写文字段落: 1.4HTML5连接 a标签表示连接,可以在里面设置点击之后跳转到其他url: 1.5HTML5图像 img标签表示图像标签,可以通过其设置图片展示: 1.6HTML5

HTML5相关知识概念

每个网站开发者都必须了解以下 Web 构件: HTML 4.01 CSS 的使用 (样式表) XHTML XML 和 XSLT 客户端脚本服务器端脚本通过 SQL 管理数据 Web 的未来什么是 HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. HTML5 是如何起步的? HTM

HTML5 的知识分享（二）：HTML5 的常用标签

经过我的上一篇博客可以让大家简单地了解了一下 HTML5 的基础标签,现在再和大家分享一下 HTML5 的常用标签吧基础标签与常用标签的主要区别在于:要先有基础标签的基础才可以灵活的使用常用标签. 常用标签主要分为六种: 列表标签链接标签表格标签图像标签音频标签视频标签一.列表标签 (1) <ul> 标签:定义无序列表:要使用样式来定义列表类型. (2) <ol> 标签:定义有序列表:要使用 CSS 来定义列表的类型. (3) <li> 标签:定义列表项目

HTML5基础知识（1）--上标和下标文本

1.上标文本标签:/ 2.下标文本标签: 3.案例代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上标和下标文本</title> </head> <body> c =