javascript - 垂直列で動的に HTML フォームを作成する

Question

したがって、新しいフォーム入力フィールドを作成するこのコードがあります。これは、Google マップ ウィンドウ内でマウスをクリックするたびに起動する JavaScript メソッド内にあります。現在、各フォームを 1 行で作成していますが、新しいフォームを前のフォームの下に表示するにはどうすればよいですか?

助けてくれてありがとう！

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>

Answer 1

<br />の最後に改行タグを追加してみましたかnewform:

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

または、次を割り当てる場合innerHTML:

document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + '<br />' + newForm;