Open In App
Related Articles

HTML | dropzone Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report
The dropzone attribute in HTML is used to specify whether the dragged data copied, moved, or linked when it is dropped on any element. This attribute is new in HTML5. Syntax:
<element dropzone = "move | link | copy">
Attribute Value:
  • move: This attribute is used to drag the data and drop it into new location.
  • copy:This attribute is used to copy the drag data into new location.
  • link: This attribute is used to drop the data will result into original data.
Example:
<!DOCTYPE html> 
<html>
   <head>
      <title>ruby tag</title>
      <style
         body { 
             text-align:center; 
         
         h1 { 
             color:green; 
         
      </style>
   </head>
   <body>
      <h1>GeeksforGeeks</h1>
      <h2> dropzone attribute</h2>
      <div dropzone="copy">GFG</div>
      <div dropzone="move">GFG</div>
      <div dropzone="link">GFG</div>
   </body>
</html>

                    
Output: https://media.geeksforgeeks.org/wp-content/uploads/dropzone.png Note: The dropzone attribute doesn’t support by the popular browsers.

Last Updated : 19 Jul, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads