0

При нажатии на кнопку появляется текстовое поле input для формы с помощью чистого JS. Как это реализовать правильно без JQuery?(изначальное задание: написать редактор форм) Дайте подсказку, плиз, ребята)))хотя б пример с 1 инпутом и тегом <а>, покажите мне как надо, остальное самостоятельно осилю. Заранее благодарю - Чтоб сила пребывала с вами, джедаи) вот код

<div class="tabs">
    <div class="active">
    <a href="javascript:;" class="jsAddBtn">Добавить новое поле</a>
     <a href="javascript:;" class="jsEditBtn">Поле редактирования</a>
      </div>
      </div>
    <ul class="wrapper">
<li><a href="javascript:;" class="jstekst">Текст</a></li><br>
<li><a href="javascript:;" class="jspunkt">Параграф</a></li><br>
<li><a href="javascript:;" class="jschak">Чекбокс</a></li><br>
<li><a href="javascript:;" class="jsrat">Множественный выбор</a></li><br>
<li><a href="javascript:;" class="jssel">Выпадающий список</a></li><br>
<li><a href="javascript:;" class="jsdt">Дата</a></li><br>
<li><a href="javascript:;" class="jsnbr">Число</a></li><br> 
      </ul>

<form>
<input type="text" value="" name="one">
<input type="date" value="value" name="two">
<input type="checkbox" value="value" name="three">
<input type="radio" value="value">
<input type="number" value="value">
<textarea></textarea>
<select></select>

2 ответа 2

1

Что-то вроде этого?

function makeField() {
  var input = document.createElement('input');
  document.body.appendChild(input);
}
<button onclick="makeField()">Make a field</button>

1
  • ой, да, почти)))пасибушки за подсказку)))
    – kikker
    9 янв 2018 в 6:35
0
var handler_func = function ()
{
    var e = document.createElement('input');
    e.type='text';
    e.name = 'Enter your fav day';
    e.id = 'day';
    this.parentNode.appendChild(e);
    return false;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.