动态创建HTML表单

Question

我正在创建一个带有Google Maps窗口的网页，它使用JavaScript和HTML。 我想知道，每次用户单击地图中的新点时，我都可以创建一个新的HTML表单吗？ 我一直在网上寻找，如果有人能指出正确的方向，那真是太难了。

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

非常感谢！

Answer 1

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

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

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

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