javascript - 在垂直列中动态创建 HTML 表单

Question

所以我有这段代码将创建一个新的表单输入字段，它位于一个 javascript 方法中，该方法在谷歌地图窗口中的每次鼠标点击时触发。现在它在一行上创建每个表单，我如何让每个新表单显示在前一个表单下方？

谢谢你的帮助！

JavaScript：

//Creates new input boxes for each new marker
var newForm = "Checkpoint " + markerId + " Name:<input type='text' id=" + markerId + " />";
document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + newForm;

HTML：

<form id="divForms"></form>

Answer 1

您是否尝试将换行标记添加<br />到末尾newform：

var newForm = "Checkpoint " + markerId + " Name:<input type='text' id=" + markerId + " /><br />";

或者在分配时innerHTML：

document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + '<br />' + newForm;