JSFiddle - React, Tailwind, and code Playground

HTML

<table id=t1></table>

JavaScript

var cells = ['<h4>Type &nbsp;&nbsp;&nbsp;</h4>',
             '<input type="text" name="type7" id="type8" size="30"/>',
             '',
             '<h4>Description &nbsp;&nbsp;&nbsp;</h4></td>',
             '<textarea name="textarea2" id="textarea2" cols="28" rows="2"></textarea>'];
var cellClasses = ['formlabel', 'formfield', 'formgap', 'formlabel', 'formfield'];

try{
    
    var table = document.getElementById('t1');
    var tr = table.insertRow(table.rows.length-1);
    for (var i=0; i<cells.length; i++) {
        var td = tr.insertCell(i);
        td.className = cellClasses[i];
        td.innerHTML = cells[i];
    }
}catch(e){alert(e.message||e)}