il existe une balise HTML qui nous permet de créer des “Popup Modales”

la balise :

<dialog></dialog>

les 2 principales utilisations de cette balise sont :

  1. Crée un popup modal pour afficher du texte
  2. Crée un popup modal pour Afficher un formulaire et la refermer à la soumission de ce dernier.

Tous les éléments à l’intérieur de la modale sont stylabes en CSS y compris le “ backdrop” (le fond qui recouvre les restes de la page).

Un minium de JS est obligatoire pour ouvrir et fermer la fenêtre.

Un popup texte “standard”

Un popup avec “ un formulaire”

Bonus Zero JS

Allez plus loin :

<dialog> : l'élément de boîte de dialogue - HTML (HyperText Markup Language) | MDN