Создание элемента ввода типа Text в JavaScript: методы и примеры

Чтобы создать элемент ввода типа «текст» в JavaScript, вы можете использовать следующие методы:

  1. Использование метода createElement:

    var input = document.createElement("input");
    input.setAttribute("type", "text");
  2. Использование свойства innerHTML:

    var div = document.createElement("div");
    div.innerHTML = '<input type="text">';
    var input = div.firstChild;
  3. Использование метода insertAdjacentHTML:

    var container = document.createElement("div");
    container.insertAdjacentHTML("beforeend", '<input type="text">');
    var input = container.firstChild;
  4. Использование метода cloneNode:

    var template = document.createElement("input");
    template.setAttribute("type", "text");
    var input = template.cloneNode(true);

Эти методы позволяют динамически создавать элемент ввода типа «текст» в JavaScript.