HTML · Global attributes

draggable

Marks an element as draggable. You still need dragstart and drop event handlers.

htmlRunnable example html course

Syntax

draggable="true"

Example

Try it

<div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', 'card')">Drag me</div>

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.