* on peut pas modifier
* sa valeur est envoyée quand le formulaire est soumis
65
attribut de formulaire : disabled
* on peut pas y cliquer, c'est grisé
* sa valeur sera pas envoyée quand le formulaire est soumis
66
attribut de formulaire pour permettre max 4 caractères
maxlength
```
```
67
Mettre un minimum et un maximum à un input de type nombre
```
68
Attribut de formulaire : n'accepter que 3 caractères, et que des lettres
(spécifier dans le titre du form quels caractères sont acceptés)
```
```
69
Attribut de formulaire : placeholder
indice dans un form pour montrer le format attendu
```
```
70
Attribut de formulaire : le rend obligatoire, impossible de soumettre le form sans qu'il soit complété
required
```
```
71
Attribut de formulaire : le champ est sélectionné direct quand la page charge
autofocus
```
```
72
Canvas
```
```
73
Dessiner une ligne sur un canvas (id : myCanvas)
```
```
74
Afficher une vidéo
```
```
75
Afficher une vidéo qui se lance automatiquement
Attribut : autoplay, autoplay muted
```
```
L'autoplay n'est pas toujours permis par le navigateur ; autoplay muted, si
76
Avec javascript, créer un bouton qui pause / play une vidéo
```
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
```
77
Afficher un contenu audio
balise audio
```
```
78
Afficher une vidéo youtube
par iframe
```
```
79
Ajouter une vidéo youtube qui loope à l'infini
avec playlist=ID puis loop=1
```
```
80
# Drag n drop
Attribut permettant de rendre un élément "draggable"
draggable = true
```
```
```
Draggable text
```
81
# Drag n drop
Lancer une fonction quand on commence à "drag" un élément
ondragstart=fonction(allo)
```
```
82
# Drag n drop
Déterminer le type de data "drag" et sa valeur
méthode dataTransfer.setData(type, valeur)
```
function dragstartHandler(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
```
Ici, la valeur "draggée" sera le texte "bonjour"
83
# Drag n drop
Permettre de drop un élément sur cet élément
méthode preventDefault()
```
function dragoverHandler(ev) {
ev.preventDefault();
}
```
Sinon, en déplaçant un élément ici, le symbole "interdit" apparaît et l'utilisateur pense qu'il ne peut pas déposer le contenu ici
84
# Drag n drop
Prendre l'élément drag et le mettre dans un autre cadre
= avec cette fonction, l'élément DISPARAIT du cadre d'origine
```
function dropHandler(ev) {
ev.preventDefault();
const data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
```
```
