HTML5 dropzone属性

HTML5 dropzone属性:

此属性规定当被拖动的数据在拖放到元素上时，是否被复制、移动或链接。

语法结构:

<element dropzone="copy|move|link">

浏览器支持:

（1）.IE浏览器不支持此属性。

（2）.谷歌浏览器不支持此属性。

（3）.火狐浏览器不支持此属性。

（4）.Safari浏览器不支持此属性。

（5）.Opera浏览器不支持此属性。

HTML4.01与HTML5之间的差异:

dropzone属性是HTML5中的新属性。

属性值:

值 描述
copy 拖动数据会导致被拖数据产生副本。
move 拖动数据会导致被拖数据移动到新位置。
link 拖动数据会生成指向原始数据的链接。

代码实例:

<p id="drag" draggable="true" dropzone="copy">可把该段落拖入上面的矩形</p>
时间： 2024-11-08 20:52:36

HTML5 dropzone属性的相关文章

html5全局属性

全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx">,但这是种非常不规范的方式. 也正是因为有这种自定义属性的需求,在html规范里增加了自定义属性data-*属性.html5中开发人员可自定义任何想要的属性,只要加上前缀data-,通过这种方式避免与未来的html版本冲突. <form data-type="comment"

HTML5 学习笔记（二）——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

HTML5 dir属性

HTML5 dir属性: 此属性规定元素内容的文本方向. 语法结构: <element dir="ltr|rtl|auto"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, dir属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (2).HT

HTML5 class属性

HTML5 class属性: 此属性定义了元素的类名. 通常用于指向样式表的类,也可以用于javascript中(通过 HTML DOM), 来修改HTML元素的类名. 语法结构: <element class="classname"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).H

HTML5 contenteditable属性

HTML5 contenteditable属性: 此属性指定元素内容是否可编辑. 当元素中没有设置contenteditable属性时,元素将从父元素继承. 语法结构: <element contenteditable="true|false"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异:

html5 data属性的使用

html5 data属性定义和用法 <ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul> data-* 属性用于存储页面或应用程序的私有自定义

HTML5 draggable属性

HTML5 draggable属性: 此属性规定元素是否可拖动. 链接和图像默认是可拖动的. 语法结构: <element draggable="true|false|auto"> 浏览器支持: (1).IE8 以上浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: draggable属性是HTML5新增的. 属性值: 值

HTML5 lang属性

HTML5 lang属性: 此属性规定元素内容的语言. 语法结构: <element lang="language_code"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, lang属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (2).

HTML5 id属性

HTML5 id属性: 此属性规定HTML元素的唯一的标识,在HTML文档中必须是唯一的. 语法结构: <element id="id"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, id属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (