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

Creating HTML forms dynamically in a vertical column

本文关键字：创建 HTML 表单 动态 垂直      更新时间：2023-09-26

所以我有这段代码，将创建一个新的表单输入字段，它是在一个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>

您是否尝试在newform的末尾添加换行标记<br />:

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

或者当分配innerHTML时:

document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + '<br />' + newForm;
相关文章：