Estou criando um formulário onde você faz um cadastro inserindo 5 dados(5 campos), e então ao apertar o botão "Adicionar", esses dados seria adicionados em um "table" abaixo onde mostra o seu número, nome e possa ser editado ou removido, enquanto os outros 5 campos ficam vazios para adicionar mais dados, e assim até o usuário clicar em "Cadastrar" onde ele cadastraria todos os dados do "table" no banco.
<div class="content">
<div class="container">
<div class="row">
<?php require_once 'templates/message.php';?>
<div id="div-superior" class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
<div id="registro-publico" class="row btn-c well">
<form class="form-horizontal" role="form">
<!-- CONTEÚDO AQUI !-->
<!-- BUTTON !-->
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button id="buttons" type="submit" class="btn btn-default">Cancelar </button>
<button id="buttons" type="submit" class="btn btn-default">Adicionar</button>
</div>
</div>
</form>
</div>
<div id="div-button-cad">
<button id="button-cad" type="submit" class="btn btn-default">Cadastrar</button>
</div>
<div id="div-table-quiz-public">
<!-- TABELA AQUI !-->
</div>
</div>
</div>
</div>
</div>
<!-- /container -->
O código está dessa forma. Não consigo imaginar como fazer essa interação da tabela, na verdade só preciso que seja possível clicar em "Adicionar" para poder inserir novos dados para só então, quando clicar em "Cadastrar" poder ser inserido todos os dados no BD. É necessário que o usuário possa inserir vários dados de acordo com a vontade dele antes de cadastrar.
Pesquisei muito e não achei nada relacionado a isso. Então não sei como iniciar essa parte.