Souci bouton HTML5

Bonjour,

tout le monde !

je sollicite votre aide , j'ai un bouton form avec le code suivant :

<!-- ======================= / Fin de la Form ======================= -->
<div id="fin-de-forme" align="center">
<button type="submit" class="btn" style="border:none;">Enregistrer</button>
</div>
</form>
<!-- ======================= / Fin de la Form ======================= -->

j'aimerais que celui ci m'ouvre une boite de dialoguer avant d'effectuer l'action

comment puis-je faire ?