Preciso de ajuda urgente com PHP e JavaScript!

20/09/2019

0

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

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar