Hello everyone, I'm looking for a way to add or delete a line of fields. I have 8 fields and I want to see how to add an equal line by clicking on the add button.
<form class="form-horizontal form-label-left" action="php/GuardarPersonal.php" method="POST" novalidate>
<div class="row">
<div class="col-xs-2">
<button id="add" class="btn btn-primary">Agregar Campos</button>
<div id="items">
<label for="sel1">N0. Empreado:</label>
<div><input type="text" class="form-control" name="input[]" placeholder="# Empreado"></div>
</div>
<div id="items">
<label for="sel1">Fecha:</label>
<div><input type="date" class="form-control" name="input[]"></div>
</div>
<div id="items">
<label for="sel1">Area:</label>
<select class="form-control" name="input[]">
<option>1.- Vacaciones</option>
<option>2.- Tiempo X Tiempo</option>
<option>3.- Permiso Falta</option>
<option>3.- Horario Diferente de Trabajo</option>
</select>
</div>
<div id="items">
<label for="sel1">Hora Inicio:</label>
<div><input type="time" class="form-control" name="input[]" ></div>
</div>
<div id="items">
<label for="sel1">Hora Fin:</label>
<div><input type="time" class="form-control" name="input[]"></div>
</div>
<div id="items">
<label for="sel1">Causa Tiempo Extra:</label>
<div><input type="text" class="form-control" name="input[]" placeholder="Causa"></div>
</div>
<div id="items">
<label for="sel1">Solicitante:</label>
<div><input type="text" class="form-control" name="input[]" placeholder="Solicita"></div>
</div>
<div id="items">
<label for="sel1">Autoriza:</label>
<div><input type="text" class="form-control" name="input[]" placeholder="Solicita"></div>
</div>
</div>
</div>
</br>
<button type="submit" class="btn btn-primary">Enviar Solicitud</button>
</form>