Javascript 添加到html后新行消失

我正在使用以下代码向HTML动态添加新行。 当我输入详细信息并点击submit时，新行立即出现并消失。 我做错了什么

function addNewRow(){
    var tab = document.getElementById("table"),
        newRow = tab.insertRow(table.length),
        cell1 = newRow.insertCell(0),
        cell2 = newRow.insertCell(1),
        cell3 = newRow.insertCell(2),
        cell4 = newRow.insertCell(3),
        cell5 = newRow.insertCell(4),
        date = document.getElementById("date-input").value,
        time = document.getElementById("time-input").value,
        amount = document.getElementById("amount-input").value,
        source = document.getElementById("source-input").value,
        destination = document.getElementById("dest-input").value;

        cell1.innerHTML = date;
        cell2.innerHTML = time;
        cell3.innerHTML = amount;
        cell4.innerHTML = source;
        cell5.innerHTML = destination;
}

var btn = document.getElementById("button");
btn.addEventListener('click', function(){
    addNewRow();
})

---

通过“提交”您是否正在提交表格？是的，我正在使用表格。我删除了表单，但是现在数据没有显示在表中。代码只是添加了一个没有数据的新表行..抱歉，这是因为我的代码中有拼写错误。移除表单标签解决了这个问题。谢谢。您还可以将按钮类型从提交更改为按钮（：