動態創建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;