Preciso de ajuda urgente com PHP e JavaScript!

JavaScript

PHP

20/09/2019

Olá, boa noite. Bem, eu tô fazendo um trabalho com html, css e JavaScript/PHP. Meu objetivo é conseguir através do método POST enviar as informações de um formulário para outra página. Esse formulário enviará as informações que um usuário preencher para essa outra página. Nessa segunda página eu quero que apareça um quadro com as informações digitadas pelo usuário no formulário, e também na segunda página tem um botão chamado "excluir", ele irá excluir os dados que foram preenchidos pelo usuário. Eu quero que toda vez que o usuário preencher esse formulário, crie um quadrado com as informações que ele forneceu. É tipo um sistema de gerenciamento, mas é só para eu fazer um teste, quero aprender como se faz. Eu tentei fazer isso por PHP (Não dei muito certo), prefiro JavaScript (se tiver como). Se alguém puder me passar os códigos do JAVASCRIPT agradeço. Perdão se errei algo na hora de colar o código aqui, é a primeira vez que uso o fórum.


 <!DOCTYPE html>
<html>
<head>
	<title>Projeto Teste</title>
	<link rel="stylesheet" type="text/css" href="minha.css">
	<meta charset="utf-8">


</head>
<body>

	<h1>Dados do Usuário</h1><br>
	<div class="loginbox">
		
		<form name="form" method="post" action="teste.php">
<?php 


   if(isset($_POST['nome'])){
        echo "Nome: " . $_POST['nome'] . "<br />";
    }
    if(isset($_POST['ali'])) {
        echo "Alimentos: " . $_POST["ali"] . "<br />";
    }
    if(isset($_POST['qdt'])) {
        echo "Quantidade: " . $_POST["qdt"] . "<br />";
    }
    if(isset($_POST['cpf'])) {
        echo "CPF: " . $_POST["cpf"] . "<br />";
    }
?>			
			<div class="button">
			<a href=""><button class="button btn1">Excluir</a></button>
			</div>
		</div>
		</form>
	</div>

</body>
</html> 


.loginbox {
	width: 250px;
	height: 270px;
	background: #8599ad;
	color: #fff;
	position: left;
	box-sizing: border-box;
	padding: 20px 30px;
}

.button {
  margin: 78px 0 0 50px;
  text-decoration: none;
  border-radius: 16px;
  font-size: 20px;
  cursor: pointer;
}

.btn1 {
  background-color: #ff6666; 
  border: none;
  color: white;
  margin: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
}


.btn1:hover {
	height: 28px;
	background: #ff0000;
	color: #fff;
	font-size: 19px;
} 


 <!DOCTYPE html>
<html>

<head>
  <title>Projeto</title>
  <meta charset="utf-8">
</head>

<body>

  <h1>Suas Doações</h1><br>
  <div class="loginbox">

    <form name="form" method="post" action="teste.php">
      Nome:<input name="nome"><br><br> Alimentos:

      <input name="ali"><br><br> Quantidade:

      <input name="qdt"><br><br> CPF:

      <input name="cpf"><br><br>

      <div class="button">
        <a href=""><button class="button btn1">Enviar</a></button>
      </div>
  </div>
  </form>
  </div>

</body>

</html>
Flávio

Flávio

Curtidas 0
POSTAR