in Bootstrap4- I need to submit Modal Form using php - php

Question

I am building this website for a takeaway restaurant and the client requested 2 models one for career (receiving the resumes ) and the other for subscription to email updates.
How can I let the Form of the MODEL send the data to a Php page for GET_POST ?
The reason I am asking this is I need to record all the Model data to a database of the server not only send an email with the data.
First Model #join us
<div class="modal" id="JoinModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Subscribe for our updates</h5>
<button class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form action="addmail.php" method="post">
<div class="form-group">
<label for="username">Name</label>
<input type="text" id="fname" placeholder="Name" class="form-control">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" placeholder="Email" class="form-control">
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-success" value="Submit">Join</button>
</div>
</div>
</div>
</div>
The other model for receiving the resumes
<!-- Career MODAL -->
<div class="modal" id="CareerModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Join our Team</h5>
<button class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="username">Name</label>
<input type="text" placeholder="Name" class="form-control">
</div>
<div class="form-group">
<label for="familyname">Family Name</label>
<input type="text" placeholder="Family Name" class="form-control">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<label for="cv">Attach your CV</label>
<input type='file' name='cv' id='cv' class='form-control' ><br>
<input type='button' class='btn btn-info' value='Upload' id='upload'>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary" value="Submit">Apply</button>
</div>
</div>
</div>
</div>
</div>

Answer 1

you can use ajax that will help you to perform parallel operation
e.g : inserting to database and sending mail
hope, it works for you