Latest web development tutorials

HTML draggable attribute

HTML Global Attributes HTML Global Attributes

Examples

Draggable paragraph:

<P draggable = "true"> This is a movable paragraphs. Please drag the paragraph above rectangle. </ P>

try it"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, and Safari browser support draggable attribute.

Note: Internet Explorer 8 and earlier versions do not support IE draggable attribute.

Definition and Usage

draggable attribute specifies whether the draggable element.

Tip: The default links and images are draggable.

Tip: draggable attribute is often used for drag and drop. Please read our HTML5 drag and drop tutorial to learn more.

Differences between HTML 4.01 and HTML5

HTML5 draggable attribute is new.

grammar

<Element draggable = "true | false| auto">

Property Value

value description
true Predetermined elements are draggable.
false Predetermined elements can not be dragged.
auto Use default behavior of the browser.

HTML Global Attributes HTML Global Attributes