Como enviar dados para um email cadastrado por um usuario

JavaScript

Java

HTML5

Banco de Dados

01/07/2019

tenho essa tela de cadastro de pessoas..
https://ibb.co/dP4T44m
apos gravar os dados é redimensionado para essa pagina, quando clico em NOTIFICAR..
https://ibb.co/CHnt2dY
Abre essa pagina, quero que quando eu cadastrar a Descriçao da refeiçao e o resto ele envie um email para a pessoa que escolhi para notificar, como posso fazer isso?
https://ibb.co/jJyc98Z

CODIGO DA TELA CADASTRO REFEIÇAO
<section id="CadastroImagem">
		<div class="container">

			<h2>Cadastro Da Refeiçao</h2>
			<br>
			 <form id="contatoForm" method="post" action="#" target="_blank">
				<div class="form-group">
					<div class="row">
						<div class="col-md-12">
							<label for="validationDefault02">Descriçao Refeiçao</label> <input
								type="text"  name="descricaoRefeicao" class="form-control"
								id="validationDefault02" style="width: 350px;"/>
						</div>
						<div class="col-md-12">
							<label for="data">Data Cadastro</label> <input
								name="dataCadastro" id="datepicker" width="276" />
						</div>

						<div class="col-md-12" >
							<label for="data">Data Refeiçao</label> <input
								name="dataRefeicao" id="datepickerdois" width="276" />
						</div>

						<div class="col-md-12">
							<label for="exampleFormControlFile1">Foto da Refeiçao</label> <input
								type="file" class="form-control-file" name="imagem">
						</div>
						<div class="col-md-12" style="margin-top:15px;">
							<button class="btn btn-primary" value="click" id="enviar">Gravar</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</section>


CODIGO DA TELA /PESSOAS
table class="table">
        <thead>
            <tr>
                <th scope="col">ID Instituiçao</th>
                <th scope="col">Nome</th>
                <th scope="col">Email</th>
                <th scope="col">Telefone</th>
                <th scope="col">Notificar</th>
                
                
            </tr>

        </thead>
        <tbody>
            <tr th:each="pessoa : $">
                <td><span th:text="${pessoa.idInstituicao}"></span></td>
                <td class="nome"><span th:text="${pessoa.nome}"></span></td>
                <td class="email"><span th:text="${pessoa.email}"></span></td>
                <td><span th:text="${pessoa.telefone}"></span></td>
                <td><button class="btn" ><img src="https://img.icons8.com/office/30/000000/appointment-reminders.png" id="btnNotificar"></button></td>
                
                          
            </tr>
        </tbody>
    </table>
Alyson Ramos

Alyson Ramos

Curtidas 0
POSTAR