JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<div id="form_area">
  <input type="text" id="inputform_0" placeholder="フォーム-0">
</div>
<input type="button" value="フォーム追加" onclick="addForm()">

CSS

#form_area input {
  display: block;
  margin-bottom: 10px;
}

JavaScript

var i = 1 ;
function addForm() {
  var input_data = document.createElement('input');
  input_data.type = 'text';
  input_data.id = 'inputform_' + i;
  input_data.placeholder = 'フォーム-' + i;
  var parent = document.getElementById('form_area');
  parent.appendChild(input_data);
  i++ ;
}