表單與文件

一、加強的頁面元素                                                    
新增的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:表示做品的標題。
二、文件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屬性中。
三、拖放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.html

相關文章
相關標籤/搜索