JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" id="mailform" name="mailform" enctype="multipart/form-data" method="post">
<fieldset class="csc-mailform">
<div id="insert-here"></div>
<div class="csc-mailform-field">
<label for="mailformtext_input">* text_input</label>
<input type="text" name="text_input" id="mailformtext_input" size="20" value="" /></div><div class="csc-mailform-field">
<label for="mailformcheckbox">Checkbox</label>
<input type="checkbox" value="1" name="checkbox" id="mailformcheckbox" class="csc-mailform-check" /></div>
<div class="csc-mailform-field">
<input type="submit" name="formtype_mail" id="mailformformtype_mail" value="Saada" class="csc-mailform-submit" />
</fieldset></form>
<table class="contenttable contenttable-3 tabel" style="display:none;">
<tr class="tr-even tr-0">
<td class="td-0">01</td>
<td class="td-1">foo 1</td>
<td class="td-last td-2">150€</td>
</tr>
<tr class="tr-odd tr-1">
<td class="td-0">01</td>
<td class="td-1">foo 2</td>
<td class="td-last td-2">50€</td>
</tr>
<tr class="tr-even tr-2">
<td class="td-0">02</td>
<td class="td-1">foo 3</td>
<td class="td-last td-2">170€</td>
</tr>
<tr class="tr-odd tr-3">
<td class="td-0">01</td>
<td class="td-1">foo 4</td>
<td class="td-last td-2">88€</td>
</tr>
<tr class="tr-even tr-4">
<td class="td-0">02</td>
<td class="td-1">foo 5</td>
<td class="td-last td-2">00€</td>
</tr>
<tr class="tr-odd tr-5">
...
JavaScript
$('tr').each(function() {
var val = $(this).children('.td-0').text();
var val2 = $(this).children('.td-1').text();
//CONTENT TYPE CHECK
if (val == '01') {
content_type = "checkbox";
} else if (val == '02') {
content_type = "text";
} else {
content_type = "none";
}
//TD 2nd FIELD
$('<label>').text(val2 + ': ').appendTo('#insert-here');
$("<input />").attr('type', content_type).attr('name', 'test').addClass('input_jq').appendTo('#insert-here');
});
$('.input_jq').after("<br/>");