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

Javascript 在垂直列中动态创建HTML表单,javascript,forms,google-maps,html,Javascript,Forms,Google Maps,Html,所以我有这段代码,它将创建一个新的表单输入字段,它位于一个javascript方法中,在Google Maps窗口中,每次鼠标点击都会触发该方法。现在它在一行上创建每个表单,如何让每个新表单显示在前一个表单的下方 谢谢你的帮助 JavaScript: //Creates new input boxes for each new marker var newForm = "Checkpoint " + markerId + " Name:<input type='text' id=" + m

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

谢谢你的帮助

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;
//为每个新标记创建新的输入框
var newForm=“Checkpoint”+markerId+“Name:”;
document.getElementById(“divForms”).innerHTML=document.getElementById(“divForms”).innerHTML+newForm;
HTML:


您是否尝试过在
新表单的末尾添加换行标记

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

您是否尝试将换行标记

添加到
newform
的末尾:

var newForm = "Checkpoint " + markerId + " Name:<input type='text' id=" + markerId + " /><br />";
非常感谢。我正在尝试“\n”,我对HTML不是很熟悉。谢谢!我正在尝试“\n”,我对HTML不是很熟悉。
document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + '<br />' + newForm;