第五十二天

         HTML5

●MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

●拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放

●<video> 元素提供了 播放、暂停和音量控件来控制视频。

 也提供了 width 和 height 属性控制视频的尺寸。如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，页面就会根据原始视频的大小而改变。

<video> 与</video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。

●<video> 和 <audio> 元素同样拥有方法、属性和事件。

<video> 和 <audio>元素的方法、属性和事件可以使用JavaScript进行控制.

其中的方法用于播放、暂停以及加载等。其中的属性（比如时长、音量等）可以被读取或设置。其中的 DOM 事件能够通知，比方说，<video> 元素开始播放、已暂停，已停止，等等。

●control 属性供添加播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素。

<source> 元素可以链接不同的音频文件。

●HTML5 新的表单元素

HTML5 有以下新的表单元素:

<datalist>

<keygen>

<output>

注意:不是所有的浏览器都支持HTML5 新的表单元素，但是可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。

● <datalist> 元素

<datalist> 元素规定输入域的选项列表。

<datalist> 属性规定 form 或 input 域应该拥有自动完成功能。

● <keygen> 元素

<keygen> 元素的作用是提供一种验证用户的可靠方法。

<keygen>标签规定用于表单的密钥对生成器字段。

当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

● <output> 元素

<output> 元素用于不同类型的输出。

●HTML5新的表单属性

<form> 和<input>标签添加了新属性

•<form> / <input> autocomplete 属性

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。

autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。

注: autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。

•<form>    novalidate 属性

novalidate 是一个布尔（true 或 false）属性。

novalidate 属性是 HTML 表单元素的一个布尔属性，用于设置浏览器不对表单进行验证。

当该属性被添加到 <form> 元素上时，浏览器将不会执行默认的表单验证，不会检查输入字段是否符合指定的验证规则。

•<input> autofocus 属性

autofocus 属性是一个布尔属性，规定在页面加载时，域自动地获得焦点。

•<input> form 属性

form 属性规定输入域所属的一个或多个表单，如需引用一个以上的表单，请使用空格分隔的列表。

•<input> formaction 属性

The formaction 属性用于描述表单提交的URL地址，会覆盖<form> 元素中的action属性.

注: The formaction 属性用于 type="submit" 和 type="image"。

•<input> formenctype 属性

formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中 method="post" 表单)，覆盖 form 元素的 enctype 属性。

与 type="submit" 和 type="image" 配合使用。

•<input> formmethod 属性

   formmethod 属性定义了表单提交的方式，覆盖了 <form> 元素的 method 属性。

•<input> formnovalidate 属性

    novalidate 属性是一个 boolean 属性，描述了 <input> 元素在表单提交时无需被验证，会覆盖 <form> 元素的novalidate属性。

与 type="submit" 一起使用

•<input> formtarget 属性

    formtarget 属性指定一个名称或一个关键字来指明表单提交数据接收后的展示，覆盖 <form>元素的target属性。

•<input> height 和 width 属性

height 和 width 属性规定用于 image 类型的 <input> 标签的图像高度和宽度。

注意: height 和 width 属性只适用于 image 类型的<input> 标签。

•<input> list 属性

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

•<input> multiple 属性

multiple 属性是一个 boolean 属性.

multiple 属性规定<input> 元素中可选择多个值。

注意: multiple 属性适用于以下类型的 <input> 标签：email 和 file

上传多个文件:

Select images: <input type="file" name="img" multiple>

•<input> pattern 属性

pattern 属性描述了一个正则表达式用于验证 <input> 元素的值。

用来全局 title 属性来描述模式。

•<input> placeholder 属性

placeholder 属性提供一种提示（hint），描述输入域所期待的值。

简短的提示在用户输入值前会显示在输入域上。

•<input> required 属性

required 属性是一个 boolean 属性，规定必须在提交之前填写输入域（不能为空）。

•<input> step 属性

step 属性为输入域规定合法的数字间隔。

如果 step="3"，则合法的数是 -3,0,3,6 等

 step 属性可以与 max 和 min 属性创建一个区域值。