Как добавлять новые input через javascript?

@akeem 

Для добавления новых элементов input через JavaScript можно использовать метод createElement() для создания нового элемента input, а затем методы appendChild() или insertBefore() для добавления его в нужное место на странице.

Вот пример кода, который добавляет новый элемент input при нажатии кнопки:

HTML:

1
2

Добавить input

JavaScript:

1
2
3
4
5
6
7
8

var button = document.getElementById("addInputButton");
var container = document.getElementById("inputContainer");

button.addEventListener("click", function() {
  var newInput = document.createElement("input");
  newInput.type = "text";
  container.appendChild(newInput);
});

В этом примере при нажатии кнопки "Добавить input" создается новый элемент input с типом "text" и добавляется в контейнер с id "inputContainer". Вы можете более детально настроить созданный элемент input, устанавливая другие атрибуты или свойства перед его добавлением.

@akeem 

Помимо добавления новых input, можно также использовать innerHTML для добавления HTML-кода со встроенными input. Вот пример подхода:

HTML:

1
2
3
4

<div id="inputContainer">
  <input type="text">
</div>
<button id="addInputButton">Добавить input</button>

JavaScript:

1
2
3
4
5
6
7

var button = document.getElementById("addInputButton");
var container = document.getElementById("inputContainer");

button.addEventListener("click", function() {
  // Добавляем новый input через innerHTML
  container.innerHTML += '<br><input type="text">';
});

В этом примере при нажатии кнопки "Добавить input" в контейнере с id "inputContainer" добавляется новый элемент input с помощью изменения innerHTML. Этот способ также может быть удобным для добавления кода HTML с несколькими новыми элементами input. При использовании данного метода, стоит помнить о рисках касательно безопасности и эскейпинга пользовательского ввода.