PHP Criar formulário que adiciona valores em uma tabela e depois no banco de dados!

[Anonn]

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 os dados(que os campos foram cadastrados e validados) 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 com o nome do formulário.

 

O código está assim:

<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-quis-public">

                        <!-- TABELA AQUI !-->

                    </div>


            </div>

        </div>
    </div>
</div> <!-- /container -->

Preciso que o usuário possa cadastrar vários "dados" de acordo com a vontade dele, antes dele clicar em "cadastrar". Dei uma pesquisada e não encontrei como fazer essa interação de como adicionar todos os dados no "table" pro banco.

[DiF]

@Anonn Olá,

 

Basicamente você fará dois processos.

1) Do formulário para uma tabela. Onde nesta tabela o conteúdo é editável. 

2) Pegar os dados de cada linha da tabela e transformar em um  vetor(array) e enviar ao PHP.

O vetor pode ser em JSON. 

 

Enfim...  veja um exemplo de como inserir dados do formulário em uma tabela:

 

https://jsfiddle.net/dife/4pe9nr0d/69/

 

Depois disso, você só precisa pegar os dados da tabela,  criar um vetor de objetos( json) e enviar ao PHP. você pode fazer isso usando o jquery e ajax a função $.ajax()  

 

 

Note no exemplo que o botão finalizar cadastro, mostra na tela o vetor criado.  Com isso você pode enviar ao php com ajax este vetor!