javascript - 动态创建 HTML 表单

Question

我正在创建一个带有谷歌地图窗口的网页，它是 JavaScript 和 HTML 格式的。我想知道，每次用户单击地图中的新点时，我可以创建一个新的 HTML 表单吗？我一直在网上寻找，并且很难找到任何关于此的内容，如果有人能指出我正确的方向，那就太棒了。

每次用户点击地图上的一个点时，它都会创建一个航路点，我希望页面上弹出几个新表单，以便用户可以输入与之关联的信息（如名称、描述等）他们刚刚创建的航路点。我还希望每个表单旁边有一个按钮，当用户输入航路点事故时，单击该按钮将删除它。

非常感谢！

Answer 1

一种方法是使用 div 标签来包含表单，然后使用 JavaScript 在字符串中构建新表单，然后使用新表单更新 div 的内容（使用 .innerHTML 属性）。

<div id="divForms"></div>

 

string newForm = "<input type='text' id='txtName1' />";

document.getElementById("divForms").innerHTML = newForm;