The HTML draggable attribute is a global attribute that specifies whether an element can be dragged or not. This attribute is commonly used in drag-and-drop operations, which are interactive features allowing users to click and drag interface elements around a webpage.

Basic Usage

To make an element draggable, you simply set the draggable attribute to true. For example, to make a paragraph draggable, you would write:

By default, links and images are draggable, but if you want to prevent them from being dragged, you can set the draggable attribute to false¹.

Advanced Implementation with JavaScript

For a more advanced draggable element, such as a div, you can use JavaScript along with the draggable attribute to allow for dragging functionality. Here's a step-by-step guide to creating a draggable div element: