---
title: "Creating draggable content with HTML 5 is very simple"
description: "Making an object draggable is now very simple with HTML5. Set the draggable attribute of any element you want to make moveable. With HTML 5 you can ma"
author: "Anonymous User"
published: 2010-10-28
updated: 2014-09-18
canonical: https://www.mindstick.com/blog/31/creating-draggable-content-with-html-5-is-very-simple
category: "html5"
tags: ["html5"]
reading_time: 1 minute
---
# Creating draggable content with HTML 5 is very simple
Making an object draggable is [now](https://yourviews.mindstick.com/view/81402/it-s-liberals-vs-progressives-in-us-politics-now) very [simple](https://yourviews.mindstick.com/story/1469/5-simple-ways-to-stay-fit-amp-healthy) with HTML5. Set the draggable [attribute](https://www.mindstick.com/blog/221/attributes-reflection) of any element you want to make moveable. With [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) 5 you can make anything draggable, including [images](https://www.mindstick.com/interview/1067/what-is-the-php-predefined-variable-that-tells-the-what-type-of-images-that-php-support), [links](https://www.mindstick.com/blog/415/css3-links), [files](https://www.mindstick.com/articles/23302/the-importance-and-advantage-of-keeping-your-important-files-on-the-cloud), or other [DOM](https://www.mindstick.com/blog/304003/what-is-the-difference-between-virtual-dom-and-shadow-dom) nodes.
As an example, let's start creating rearrange able columns. The [basic](https://www.mindstick.com/forum/161830/what-are-the-security-risks-of-using-basic-authentication) [markup](https://www.mindstick.com/blog/59/xaml-extensible-application-markup-language) may look something like this:
```
```
---
Original Source: https://www.mindstick.com/blog/31/creating-draggable-content-with-html-5-is-very-simple
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.