Помогите соединить текстовые поля javascript с HTML-кодом формы для отправки

Question

Javascript - это не мое.Я оставлю это на этом.Я пытаюсь учиться, но я гораздо лучше в PHP и HTML.Итак, у меня есть Javascript, чтобы делать то, что мне нужно (добавить текстовое поле при нажатии кнопки), но я понятия не имею, как связать созданные поля с переменными, которые затем могут быть переданы в мою форму обработки php по почте.любая помощь будет отличной.вот код пока.

<div id = "textfield1"></div>
<div id = "textfield2"></div>
<div id = "textfield3"></div>
<div id = "textfield4"></div>
<div id = "textfield5"></div>
<div id = "textfield6"></div>
<div id = "textfield7"></div>
<div id = "textfield8"></div>
<div id = "textfield9"></div>
<div id = "textfield10"></div>
<div id = "textfield11"></div>
<div id = "textfield12"></div>
<div id = "textfield13"></div>
<div id = "textfield14"></div>
<div id = "textfield15"></div>

<input type = "button" value = "Add Textbox" onclick = "addbox()">

<script type = "text/javascript">
var i = 1;
function addbox() {
if (i <= 15) {  // max number of textboxes
document.getElementById('textfield'+[i]).innerHTML =  "<input type='text' size = '20' />";
i++;
}
else {
alert ("No more textboxes possible")
}
}
</script>

Answer 1

Вам нужно дать свои атрибуты имен входов ...

if (i <= 15) {  // max number of textboxes
document.getElementById('textfield'+[i]).innerHTML =  "<input type='text' name='myInput" + i + "' size = '20' />";
i++;
}

Answer 2

Проще говоря, вам нужно присвоить атрибут name входному элементу, который вы создаете. Форма будет автоматически связывать это со своими почтовыми данными на сервер при отправке.