首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5的拖放功能

HTML5的拖放API功能直接实现拖放操作,而且拖放的范围已经超出浏览器的边界,HTML5提供的文件api支持拖拽多个文件并上传。...要学会掌握html5的拖放api和 文件api,光标拖放事件,从web网页上访问本地文件系统。...拖放api 在html5的拖放api重点: 第一,为页面元素提供了拖放特性; 第二,为光标增加了拖放事件; 第三,提供了用于存储拖放数据的DataTransfer对象 draggable特性 draggable...-drop元素 第七,在拖放操作结束时触发,事件的作用对象是被拖拽的元素-dragend事件 DataTransfer对象 在html5提供了DataTransfer对象,用来支持拖拽数据的存储。...如:FileList对象,File对象,Blob接口,FileReader接口 增加的标签特性 在html5file类型的表单元素增加了multiple特性和accept特性 multiple特性

2.6K10

前端|HTML5的网络存储

传统方式使用document.cookie来进行存储,但是由于其存储的空间只有4KB左右,并且需要复杂的操作进行解析,给发开者带来很多不便,为此,HTML5规范提出了网络存储的解决方案。...2.2 localStorage实现本地存储 localStorage作为HTML5 Web Storage的API之一,主要的作用是进行本地存储。...2.2.1 localStorage的方法属性 方法属性 描述 setItem(key,value) 该方法接收一个键名和值作为参数,将会把键值对添加到存储,如果键名存在,则更新其对应的值 getItem...的数据保存在浏览器的内存,当浏览器关闭后,内存将被自动清除,需要注意的是,sessionStorage存储的数据只在当前浏览器窗口有效。...).onclick = function() { window.sessionStorage.clear(); }; 3 总结 HTML5

1.4K10

HTML5download属性的应用

2015-09-22 01:43:08 写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。...在以往传统的html下载文件样式是这样的 下载 而在HTML 5浏览器,可以支持download属性了,如下: 下载 download属性的好处在于,在用户下载文件的时候,显示在用户浏览器 的“另存”为的文件显示框...,显示的是这个downloader属性显示的 东西了,比较友好 HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。...在这个例子,文件将被下载为test.txt。download属性同时开启了一个强制下载。 这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例的文件名就很独特不是吗?)

97510

HTML5引入的关键特性

使用这种类型的特性可以避免创建自定义特性或者过载class特性的常见方法 draggable 定义特性时,允许元素与其内容可以被拖放 hidden 在HTML5,所有元素都可以有hidden特性,用于表示元素不相关...这是一个可选的特性,如果使用该特性,那么就必须将其放置在设置itemscope和itemtype两个特性的元素。...任何包含itemscope特性的子标签都可以设置一个itemprop特性,为该项增加特性 itemref 该特性用于指定应该从哪些附加元素为内容项寻找名称/值数据对。...在默认情况下,只在包含itemscope特性的子元素寻找。然而,如果数据相互交叉,只有唯一一个父项时,这个特性就没有意义了。在这里,itemref特性可以设置为在一组由空格分割开的子元素寻找。...这是一个可选项,但是如果使用的话,就必须将其放置在设置itemscope特性的同一个元素。该特性值的形式必须是URL spellcheck 该特性使得元素能够进行拼写检查。

1.2K90

HTML5HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )

一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; 数字输入表单 : 无法输入非数字的内容 ; 手机号码输入表单 : 可以输入任意字符 , 没有校验 ; <input type="<em>tel</em>..., 弹出的选择对话框会是手机<em>中</em>的原生对话框 ; 在手机<em>中</em>打开该网页时 , 会根据输入类型 , 弹出指定类型的键盘 ; 二、<em>HTML5</em> 新增 input 表单完整代码示例 ---- 代码示例 : <em>HTML5</em>...input type="week" /> 数字 : 手机 : <input type="<em>tel</em>

3K20

关于HTML5的sessionStorage和localStorage

需求:     做项目的时大多数情况下我们需要对请求的数据进行多次复用,为了降低请求次数我们需要对请求的数据进行本地存储;    以前用的cooking来存储为本地数据,HTML5后提出sessioStorage...cooking Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。...SessionStorage: 将数据保存在session对象,所谓session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间会话,也就是用户浏览这个网站所花费的时间就是session...Value:表示值,也就是你要存入Key的值,可以按照变量赋值来理解。

1.2K60
领券