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. js中return的用法

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

  2. Android Retrofit网络请求Service,@Path、@Query、@QueryMap、@FieldMap (转)

    GET请求 多个参数在URL问号之后,且个数不确定 http://api.stay4it.com/News?newsId=1&type=类型1- http://api.stay4it.com/ ...

  3. Edge Model

    三种edge Step (阶梯) Ramp (坡) Roof 因为噪声的存在, ramp edge是最常见的. 一阶和二阶算子在ramp edge处的表现 一阶和二阶算子对噪声的敏感性 从上自下, 高 ...

  4. PHP输出一个指定范围内的随机数

    <?php echo mt_rand(5, 15); ?>

  5. 51nod 1434 理解lcm

    1434 区间LCM 题目来源: TopCoder 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 一个整数序列S的LCM(最小公倍数)是指最小的正 ...

  6. hdu4549 矩阵快速幂 + 欧拉降幂

    R - M斐波那契数列 Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit  ...

  7. linux 命令行下更换软件源

    首先备份默认源: sudo cp /etc/apt/sources.list /etc/apt/sources.list.old 清空默认源: sudo cat /dev/null > /etc ...

  8. hibernate DetachedCriteria实现多表关联查询createAlias的使用

    记录本例查询初衷: 有表: 表1,表2,表3 关系 1 many-to-one 2 2 many-to-one 3 结果:要通过表3中的条件反向查询表1中相关的数据 public Page<We ...

  9. jsrender for 标签

    for object使用 1.为进入object中直接使用其中的属性 <div id="result"></div> <script id=" ...

  10. SQL server 中的@,@@、#,##分别代表什么?

    @声明变量,@@系统函数,#本地临时表,##全局临时 表