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. 软件工程(QLGY2015)第三次作业点评(含成绩)

    相关博文目录: 第一次作业点评 第二次作业点评 第三次作业点评 团队信息 本页点评团队1-22,其他组见:http://www.cnblogs.com/xiaozhi_5638/p/4490764.h ...

  2. 基于tiny4412原生uboot修改制作SD启动并烧写到emmc

    最近入手tiny4412的标准板,底板SDK型号为1506.但是因为友善之臂提供的superboot不能进入boot菜单,此时我就不能通过tftp下载内核和通过nfs挂载根文件系统,于是想自己做个ub ...

  3. __getattr__与__getattribute__

    class Foo: def __init__(self,x): self.x=x def __getattr__(self, item): print("执行的是我----->&qu ...

  4. ViewPager

    1.ViewPager的功能为实现视图滑动 在主布局里边加入: <android.support.v4.view.ViewPager 这个组件,注意这个组件是用来显示左右滑动的界面的,如果不加载 ...

  5. zabbix 用 LLD 完全自动化监控 Oracle

    文章转载自:http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=2651296856&idx=1&sn=2bdf78071 ...

  6. jsp内置对象作业2-留言簿

    1.留言簿页面:liuYan.jsp <%@ page language="java" contentType="text/html; charset=UTF-8& ...

  7. iOS开发小技巧--判断控件是否显示在当前窗口

    一.判断控件是否显示在当前窗口,需要同时满足一下条件: 控件的Hidden = NO; 控件的Alpha >= 0.01; self.window = keyWindow; 主窗口的bounds ...

  8. 学习Spring(二) 调用静态工厂方法创建Bean

    1,创建抽象的产品类 package com.robert.spring.shop; public abstract class Product { } 2,创建具体产品类 package com.r ...

  9. 自定义jstl标签库

    开发环境:Spring+SpringMVC +Maven +Mybatis JSTL 标签库的配置: 导入对应的 jstl.jar 和 standard.jar ,我使用的配置如下: <prop ...

  10. Maven 库

    mvnrepository    https://mvnrepository.com/ 最方便查询的库 <repositories> <repository> <id&g ...