Input Date 对象

Input Date 对象是 HTML5 新增的。

Input Date 对象表示使用了 type="date" 属性的 HTML <input> 元素 。

注意：Internet Explorer 或 Firefox 不支持用 type="date" 属性的 <input> 元素。

Input Email 对象

Input Email 对象是 HTML5 新增的。

Input DatetimeLocal 对象表示使用 type="email" 的 HTML <input> 元素。

注意：

一说到读取文件，很多小伙伴第一时间想到的是php，asp.net这些后台语言来实现。

javascript一直都没有提供相关的文件读取接口，但有时我们确实需要读取本地文件内容，下面是两种可能的读取方法。

使用 HTML5 中的FileReader对象

HTML5 引入的 FileReader 可以帮助我们读取本地文件,但是有一个限制,就是我们不能直接使用文件路径的方式来访问文件，而是首先需要用户选择文件（通过input标签）。

Input Range 对象

Input Range 对象是 HTML5 新增的。

Input Range 对象表示使用 type="range" 属性的 HTML <input> 元素。

注意：

一、良生- input type=file与文件上传

本文所说的input type=file指的是type类型是file的input元素，最简HTML代码如下：

<input type=file>

但是，为了习惯，我们多写成：

<input type="file">

关注本头条号，专注做前端。

今天要分享的是一个html5动画特效，用到canvas，全部封装在一个JS文件中，直接引用即可， 当输入文字的时候，会出现漂亮的粒子动画，效果非常不错。

这样的效果以前在atom编辑器里面看到过一次。

// 附件

目录：

HTML5新结构标签

HTML5新其他标签

HTML5引入了十三种新的表单输入，大大增加了Web设计人员和开发人员可以添加到表单中的不同字段的数量。这些新类型都需要浏览器来支持它们，并且吸收速度比我们所希望的要慢。2019年我们可能使用这些特性功能更为广泛的有哪些呢？

对于许多设计人员和开发人员来说，HTML5的一个突出的标题功能是添加了许多可以使用的新类型的表单输入。多年来，我们一直局限于使用单行文本输入（type="text"）并使用JavaScript和用户指令来尝试通过一个简单的字段准确地捕获不同类型的有效数据。

什么是HTML5

官方概念：HTML5草案的前身名为Web Applications 1.0，是作为下一代互联网标准,用于取代html4与xhtml1 的新一代标准版本,所以叫html5。它增加了新的标签和属性，加强了网页的标准、语义化与web表现性能，同时还增加了本地数据库等 Web 应用的功能。

HTML5从入门到精通，兄弟连京修随堂笔记（二）HTML的框架结构，每日都有新内容，订阅走一波

HTML5的form标签

问：网站怎样与用户进行交互? 答案:使用HTML表单(form).

表单是可以把浏览者输入的数据传送到服务器端的程序(比如ASP,PHP)的HTML元素,服务器端程序可以处理表单传过来的数据,从而进行一些动作.比如,bbs,blog的登陆系统,购物车系统等.