JSFiddle - React, Tailwind, and code Playground
HTML
<form onsubmit="check()">
<table border="0" cellpadding="5" cellspacing="5" id="new">
<h3>Neue Person</h3>
<tr>
<td align="right">Name:</td>
<td><input name="Vorname" type="text" class="feld" size="30" maxlength="30" placeholder="Name" id="vname"></td>
</tr>
<tr>
<td align="right">Nachname:</td>
<td><input name="Zuname" type="text" class="feld" size="30" maxlength="40" placeholder="Nachname" id="nname"></td>
</tr>
<tr id="g_zeile">
<td align="right" valign="top">Geschlecht:</td>
<td>
<input type="radio" class="Radio" name="g_m" value="m" id="m"> männlich<br>
<input type="radio" class="Radio" name="g_w" value="w" id="w"> weiblich
</td>
</tr>
<tr>
<td align="right" valign="top">Geburtsdatum:</td>
<td>
<input type="text" placeholder="Tag" size="2" maxlength="2" id="b_d"/>
<input type="text" placeholder="Monat" size="2" maxlength="2" id="b_m"/>
<input type="text" placeholder="Jahr" size="4" maxlength="4" id="b_j"/>
</td>
</tr>
<tr>
<td align="right" valign="top">Sterbedatum</td>
<td>
<input type="text" placeholder="Tag" size="2" maxlength="2" id="o_d"/>
<input type="text" placeholder="Monat" size="2" maxlength="2" id="o_m"/>
<input type="text" placeholder="Jahr" size="4" maxlength="4" id="o_j"/>
</td>
<tr>
<td align="right" valign="top">Geburtsort</td>
<td><input type="text" class="feld" placeholder="Geburtsort" size="20" maxlength="" id="b_area"/></td>
</tr>
<tr>
<td align="right" valign="top">Sterbeort</td>
<td><input type="text" class="feld" placeholder="Sterbeort" size="20" maxlength="d_area"/></td>
</tr>
<tr>
<td align="right" valign="top">Mutter:</td>
<td>
<select name="Mutter" class="Auswahl" size="1">
<option value="">auswählen</option>
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
...
JavaScript
function addfield () {
var text = document.createTextNode("Geburtsname:");
var addfield = document.createElement("input");
addfield.setAttribute("type","text");
addfield.setAttribute("size","60");
addfield.setAttribute("name","geb_name");
var feld1 = document.createElement("td");
feld1.appendChild(text);
var feld2 = document.createElement("td");
feld2.appendChild(addfield);
var zeile = document.createElement("tr");
zeile.setAttribute("id","geb_name_zeile");
zeile.appendChild(feld1);
zeile.appendChild(feld2);
var tabelle = document.getElementById('new');
var gzeile = document.getElementById("g_zeile");
tabelle.tBodies[0].insertBefore(zeile,gzeile);
}
document.getElementById("m").addEventListener('click', addfield);
document.getElementById("w").addEventListener('click', addfield);