表单与文件

1、增强的页面元素                                                    
新增的figure和figcaption(标题)
新增的details元素:将画面上局部区域进行展开或者收缩的方法。
<details>
<summary>详细</summary>
<p>内容...</p>
</details>
新增的mark元素:用于突出显示或者高亮显示。常用于搜索结果中关键词的高亮显示。
新增progrress:进度,可以是不确定的,max,value.
新增meter:表示规定范围内的数量值。
value,min,max,low,high,optimun
新增的menu和command:浏览器还不支持。
改良的ol列表:start定义编号初始值,reversed。
改良的dl列表:dt,dd,dfn
加以严格限制的cite:表示作品的标题。
2、文件API                                                             
FileList与file对象:通过设置file控件的multiple属性可以一次放置多个文件,name表示文件名,lastModifiedDate表示文件最后修改时间。
Blob对象:表示二进制元素数据,它提供一个slice方法,可以通过该方法访问到字节内部的原始数据块。
file也继承了Blob对象。
size:Blob的字节长度
type:Blob的MIME类型,如果未知类型则返回空字符串。
常用于判断用户选择的文件类型,file控件也有accept属性(如accept="image/*")。

FileReader接口:主要用来把文件读入内存,并且读取文件中的数据。异步。
检查浏览器支持情况:typeof FileReader=='undefined'
方法:readAsBinaryString、readAsText、readAsDataUrl、abort.
事件:onabort,onerror,onloadstart,onprogress,onload,onloadend.
fileReader对象读取到的数据都保存在result属性中。
3、拖放API                                                              
将想要拖放的对象元素的draggable属性设为true,然后编写与拖放有关的事件处理代码。
事件:dragstart,drag,dragenter,dragover,dragleave,drop(有其它元素被拖放到本元素中),dragend.
支持拖动处理的MIME类型:text/plain,text/html,text/xml,text/uri-list.

DataTransfer对象的属性与方法:
属性:
dropEffect(拖放操作的视觉效果,none,copy,link,move,一般在ondragover中设置)
effectAllowed(none,copy,copyLink,copyMove,link,linkMove,move,all,unintialize,一般在ondragstart中设置)
type(存入数据的种类)。
方法:
clearData,setData,getData,setDropImage.

posted @ 2013-11-30 23:43  Lynn_  Views(237)  Comments(0Edit  收藏  举报