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

Question

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

感谢您的帮助!

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;