HTML5中,新增了很多input元素的类型
email
        email类型用于应该包含 e-mail 地址的输入域。
url
        url 类型用于应该包含 URL 地址的输入域。
number
        number 类型用于应该包含数值的输入域
range
        range 类型用于应该包含一定范围内数字值的输入域。
Date Pickers(数据检出器)
search
        search 类型用于搜索域,比如站点搜索或 Google 搜
索。search 域显示为常规的文本域。
novalidate 属性
    novalidate 属性规定在提交表单时不应该验证 form 或 input
注释
novalidate 属性适用于 <form> 以及以下类型的<input>
标签:text, search, url, telephone, email, password,
date pickers, range 以及 color.
pattern 属性
    pattern 属性规定用于验证 input 域的模式(pattern)。模式
(pattern) 是正则表达式。您可以在我们的 JavaScript 教程中
学习到有关正则表达式的内容。
注释
pattern 属性适用于以下类型的 <input> 标签:text, search,
url, telephone, email 以及 password

placeholder 属性
    placeholder 属性提供一种提示(hint),描述输入域所期
待的值。
注释
   placeholder 属性适用于以下类型的 <input> 标签:text,
search, url, telephone, email 以及 password。
required 属性
    required 属性规定必须在提交之前填写输入域(不能为空)
注释
    required 属性适用于以下类型的 <input> 标签:text,
search, url, telephone, email, password, date pickers,
number, checkbox, radio 以及 file

charset属性
    为meta元素增加charset属性,因为这个属性已经被广泛支
持了,而且为文档的字符编码的指定提供了一种比较良好的方式。
type属性与label属性
   为menu元素增加了两个新的属性type与label。label属性为菜
单定义一个可见的标注,type属性让菜单可以以上下文菜单,工具
条,与列表菜单三种形式出现。
scoped属性
   为style元素增加scoped属性,用来规定样式的作用范围,譬如
只对页面上某个树起作用。 为script元素增加async属性, 它定
义脚本是否异步执行。
 

HTML5学习预览的更多相关文章

  1. HTML5上传图片预览

    <!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http ...

  2. HTML5可预览多图片ajax上传(使用formData传递数据)

    HTML5可预览多图片ajax上传(使用formData传递数据) 在介绍上传图片之前,我们简单的来了解下FormData的基本使用:介绍完成后这些基本知识后,我们会在文章最后提供一个demo,就是a ...

  3. HTML5上传图片预览功能

    HTML5上传图片预览功能 HTML代码如下: <!-- date: 2018-04-27 14:41:35 author: 王召波 descride: HTML5上传图片预览功能 --> ...

  4. 如何在HTML5 图片预览

    HTML5的 File API允许浏览器访问本地文件系统,借助它我们可以实现以前无法实现的本地图片预览功能. 先介绍下该API实现了那些接口: 1.Blob接口,表示原始的二进制数据,通过它可以访问到 ...

  5. HTML5图片预览

    两种方式实现 URL FileReader <!DOCTYPE HTML><html>    <head>    <meta charset="ut ...

  6. HTML5 上传图片预览

    html5出现之前如果需要上传图片预览 一般都是先上传到服务器然后远程预览 html5出现之后   有个filereader 解决了这问题 //选中图片之后 $("#fileAddPic&q ...

  7. HTML5图片预览 放大

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. HTML5在线预览PDF

    简介 PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5. PDF.js is community-d ...

  9. hTML5实现表单内的上传文件框,上传前预览图片,针刷新预览images

    hTML5实现表单内的上传文件框,上传前预览图片,针刷新预览images, 本例子主要是使用HTML5 的File API,建立一個可存取到该file的url, 一个空的img标签,ID为img0,把 ...

随机推荐

  1. 网站移植到linux上后常犯的错误

    常犯的错误 1:gcc库没装或者没装全 表现:没有可用的C编译器 同类错误:提示g++ not found, 解决:出现以上错误,则是因为gcc编译器没装,或者是没装全. 挂载光盘,到Pakeges里 ...

  2. Error: [ng:areq]

    错误描述:Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=HelloCtrl&p1=not%20a%20functi ...

  3. java之自定义回调接口

    本质上为:传递不同的实现的接口实例,执行不同的程序,即有扩展性. 在一个方法中,可以实现一个对象中的接口,实例化该接口,即可完成对不同对象的不同回掉. 在原有类中,调用接口中的方法,根据不同的接口实例 ...

  4. Mahout安装与配置

    一.安装mahout 1.下载mahout(mahout-distribution-0.9.tar.gz) http://pan.baidu.com/s/1kUtOMQb 2.解压至指定目录 我平时都 ...

  5. linux下mysql基础从安装到基本使用

    在LINUX下安装MYSQL #需要的安装包(按照先后顺序) libdbi-devel--2.1 libdbi--2.1 libdbi-drivers- perl-DBI-.el5 perl-DBD- ...

  6. smtplib.SMTPDataError: (554, 'DT:SPM 126 smtp5错误解决办法

    1.自动化测试中,调用邮件模块自动发送邮件时,运行脚本报错: smtplib.SMTPDataError: (554, 'DT:SPM 126 smtp5,jtKowAD3MJz2c1JXLcK2AA ...

  7. [学习笔记]lca-倍增

    The article is to Jimmy.(方老师讲过了还不会,想怎样???) 求一棵树上两个节点的最近公共祖先有两种算法: (离线); 倍增(在线). 这篇博客只介绍倍增的写法. 表示节点的祖 ...

  8. 【bzoj1951】 Sdoi2010—古代猪文

    http://www.lydsy.com/JudgeOnline/problem.php?id=1951 (题目链接) 题意 废话一堆..求解: Solution 真的是数论经典题,什么都用上了. 因 ...

  9. VMware备份研究

    可能存在这样的情况,使用VMware搭建常规性家庭虚拟机时,会因为一些硬盘的故障导致虚拟机无法运行和还原. 冷备份 即关机的备份 1.(推荐)使用RAR这类的压缩软件,直接整个目录进行备份:还原时只要 ...

  10. fstream使用简介

    fstream用来进行输入/输出文件的操作. fstream file1; 定义了fstream类的一个对象file1file1.open("filename",...) 打开名为 ...