1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: draggable
slug: Web/HTML/Global_attributes/draggable
tags:
- Attribut
- Attribut universel
- HTML
- Reference
translation_of: Web/HTML/Global_attributes/draggable
original_slug: Web/HTML/Attributs_universels/draggable
---
{{HTMLSidebar("Global_attributes")}}
L'[attribut universel](/fr/docs/Web/HTML/Attributs_universels) **`draggable`** est un attribut à valeur contrainte qui indique si l'élément peut être déplacé avec la souris dans un geste de glisser-déposer lorsqu'on utilise l'API _[Drag & Drop](/fr/docs/Web/API/API_HTML_Drag_and_Drop)_ ou les fonctionnalités natives du navigateur. Les valeurs autorisées pour cet attribut sont les suivantes :
- `true` : qui indique que l'élément peut être déplacé à la souris
- `false` : qui indique que l'élément ne peut pas être déplacé à la souris
Si l'attribut n'est pas défini, la valeur par défaut sera `auto` : le comportement de l'élément sera celui spécifié par défaut par le navigateur.
Cet attribut est un attribut à valeur contrainte, ce n'est pas un attribut booléen. Il faut donc utiliser une valeur explicite `true` ou `false`. La notation raccourcie `<img draggable>`(utilisant uniquement le nom de l'attribut) ne fonctionnera pas :
```html example-bad
<label draggable>Label exemple</label>
```
En revanche, on pourra correctement utiliser :
```html example-good
<label draggable="true">Label exemple</label>
```
Par défaut, seules les sélections de texte, les images et les liens peuvent être déplacés à la souris. Pour les autres éléments, il faudra définir le gestionnaire d'événements pour {{domxref('GlobalEventHandlers.ondragstart','ondragstart')}} afin de faire fonctionner le glisser-déposer. Cela est illustré [dans cet exemple](/fr/docs/Glisser_et_déposer/Opérations_de_glissement).
## Spécifications
| Spécification | État | Commentaires |
| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- |
| {{SpecName("HTML WHATWG", "interaction.html#the-draggable-attribute", "draggable")}} | {{Spec2("HTML WHATWG")}} | Aucune modification depuis la dernière dérivation de {{SpecName('HTML5.1')}} |
| {{SpecName("HTML5.2", "interaction.html#the-draggable-attribute", "draggable")}} | {{Spec2("HTML5.2")}} | Aucune modification |
| {{SpecName("HTML5.1", "editing.html#the-draggable-attribute", "draggable")}} | {{Spec2("HTML5.1")}} | Dérivation de {{SpecName('HTML WHATWG')}}, définition initiale. |
## Compatibilité des navigateurs
{{Compat("html.global_attributes.draggable")}}
## Voir aussi
- [Les différents attributs universels](/fr/docs/Web/HTML/Attributs_universels)
|
