<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <html lang="en"> <head> <meta charset="UTF-8"> <title>Data from js test</title> </head> <body> <form id="Login" th:action="@{/test}" method="POST"> <div class="form-group"> <input type="text" class="form-control" id="maj" placeholder="Entrer le nom de la maj" name="maj"> </div> <div class="form-group"> <input type="text" class="form-control" id="date" placeholder="Entrer la date" name="date"> </div> <div class="form-group"> <input type="text" class="form-control" id="set1" placeholder="set1" name="set1"> </div> <div class="form-group"> <input type="text" class="form-control" id="set2" placeholder="set2" name="set2"> </div> <button @click.prevent="registration" type="submit" class="btn btn-primary">Ajouter</button> </form> </body> </html>