Имеется поле ввода, там должно вводиться любое число(например, 5) и по числу, которое написано в этом поле, должны добавляться такое же кол-во полей(с такими же стилями, как и в родительском поле). Помогите, пожалуйста, реализовать такую вот ерунду.
Я реализовал создание простых input, а мне нужно, чтобы они были со стилями.
JS:
function createtext(){
var i=0;
var len1=document.getElementById('s');
var len2=len1.value;
for(i;i<len2;i++)
{
var el= new Array();;
el[i]=document.createElement('input');
el[i].type='text';
el[i].name='text'+i;
el[i].size = 60;
document.f1.appendChild(el[i]);
var mybr=document.createElement('br');
document.f1.appendChild(mybr);
}
}
<form action="" method="get" name="f1">
<div class="form-group">
<label>Введите количество треков в альбоме</label>
<input id="s" name="s" value="" onChange="createtext()" class="form-control" placeholder="Введите количество треков в альбоме">
</div>
</form>
