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. Ceph性能优化总结(v0.94)

    优化方法论 做任何事情还是要有个方法论的,“授人以鱼不如授人以渔”的道理吧,方法通了,所有的问题就有了解决的途径.通过对公开资料的分析进行总结,对分布式存储系统的优化离不开以下几点: 1. 硬件层面 ...

  2. android 之 surfaceView和普通View的重绘使用

    !自定义控件式需要实现AttrbuteSet   可在xml文件中配置略过创建该对象 普通的View只能在主线程中绘制界面,适用于简单的被动绘制 SurfaceView则可以在新线程中绘制界面,不会阻 ...

  3. mycat 9066管理端口 常用命令

    1.连接mycat 9066管理端口 命令:mysql -uroot -proot -P9066 -h127.0.0.1 -u:用户名 -p:密码 -P:端口 -h:ip地址例:linux路径切换到m ...

  4. jenkins 把包传到远程服务器上

    首先我们在 一台服务器上部署svn,maven,jdk,tomcat,nexus,还有Jenkins. 这里我主要记录Jenkins. 首先我们从网上下载Jenkins的包 wget http://m ...

  5. nginx之location

    1locations简介 location的主要作用就是根据用户请求的uri来执行不同的应用. 2location的语法 location [=|~|~*|^~|@] uri{...........} ...

  6. jsRender 循环for 和props

    jsrender提供多重循环方式 1.{{for array}}循环数组 2.{{props object}}循环对象 1.for array的使用 <body> <div id=& ...

  7. 系统间通信(8)——通信管理与RMI 上篇

    1.概述 在概述了数据描述格式的基本知识.IO通信模型的基本知识后.我们终于可以进入这个系列博文的重点:系统间通信管理.在这个章节我将通过对RMI的详细介绍,引出一个重要的系统间通信的管理规范RPC, ...

  8. 源代码管理工具(上)-SVN基本使用

    ------------------------------------------------------SVN简介和搭建 ------------------------------------- ...

  9. UML类图中的六种关系及实例

    前言: 设计模式是一种对于面向对象语言(C#,C++,Java)的高级应用.其思维体现出的是真正的代码设计.每一种模式都堪称巧妙!但基于各种设计模式,这里少不了基本的类图设计,本文简要列出6种关系,及 ...

  10. ubuntu优化使用

    1.开机程序设置 1.系统自带 Dash菜单中搜索gnome-session 2.安装扩展包 kamil@kamil-ThinkPad-X260:~$ sudo apt-get install rcc ...