<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Авторизуйтесь</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="" method="post">
<div class="mb-3">
<label for="login" class="col-form-label">Логин:</label>
<input type="text" class="form-control" id="login">
</div>
<div class="mb-3">
<label for="password" class="col-form-label">Пароль:</label>
<input type="password" class="form-control" id="password"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="submit" class="btn btn-primary">Отправить</button>
</div>
</div>
</div>
</div>
Ну типа повесь на неё обработчик чтения формочки и бросай их через событие. А вне модалки слушай. Быстрое решение, может и неоптимальное