JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post" name="frmTermoAutorizacao" action="GeraTermoAutorizacao.php">
<table border="0" align="center" cellpadding="2" cellspacing="4">
<tr>
<td colspan="4" class="bd_titulo"><strong>Adicionar Termo de Autorização</strong></td>
</tr>
<tr>
<td colspan="4" align="center"> </td>
</tr>
<tr>
<td width="10" class="bd_titulo" style="font-size: 13px">Nome</td>
<td class="bd_titulo" style="font-size: 13px">Nacionalidade</td>
<td class="bd_titulo" style="font-size: 13px">Estado Civil</td>
<td class="bd_titulo" style="font-size: 13px">Atividade</td>
</tr>
<tr class="linhas">
<td><input type="text" name="nome[]" style="text-align:center" id="nome[]" /></td>
<td><input type="text" name="nacionalidade[]" id="nacionalidade[]" /></td>
<td><input type="text" name="estado_civil[]" id="estado_civil[]" /></td>
<td><input type="text" name="atividade[]" style="text-align:center" id="atividade[]" /></td>
<td><a href="#" class="removerCampo" title="Remover linha"><img src="../imagens/minus.fw.png" border="0" /></a></td>
</tr>
<tr>
<td class="bd_titulo" style="font-size: 13px">RG</td>
<td class="bd_titulo" style="font-size: 13px">Endereço</td>
<td class="bd_titulo" style="font-size: 13px">Municipío</td>
<td class="bd_titulo" style="font-size: 13px">UF</td>
</tr>
<tr>
<td><input type="text" name="rg[]" style="text-align:center" id="rg[]" /></td>
<td><input type="text" name="endereco[]" style="text-align:center" id="endereco[]" /></td>
<td><input type="text" name="municipio[]" style="text-align:center" id="municipio[]" /></td>
<td><input type="text" name="uf[]" style="text-align:center" id="uf[]" /></td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"><a href="#" class="adicionarCampo" title="Adicionar item"><img src="../imagens/plus.png"...
CSS
<style type="text/css" media="all">
body {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}
.bd_titulo {
text-align: center;
background-color: #CCCCCC;
/*font-weight: bold*/
}
</style>
JavaScript
$(function () {
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
if($("tr.linhas").length > 1){
$(this).parent().parent().remove();
}
});
}
$(".adicionarCampo").click(function () {
novoCampo = $("tr.linhas:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.linhas:last");
removeCampo();
});
});