Создать HTML-формы динамически

Question

Я создаю веб-страницу с окном Google Maps, она находится в 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;