index.md

<script> function createtable() { $('#eachTable').html(""); var rows = $('#rows').val(); if(rows=="") { alert("Please Select Number."); $('#eachTable').html(""); return; }

	var eTable = '<div class="wrapper">';
	eTable += '<div class="table">';
	eTable += '<div class="row header green">'
		      +'<div class="cell">Name</div>'
		      +'<div class="cell">Age</div>'
		      +'<div class="cell">Gender</div>'
		      +'<div class="cell">Dob</div>'
		      +'<div class="cell">Action</div>'
		      +'</div>';

	for(var sl=1; sl<=rows; sl++)
	{

		eTable += '<div class="row">';
		eTable += '<div class="cell" data-title="Name"><input type="text"/></div>';
		eTable += '<div class="cell" data-title="Age"><input type="number"/></div>';
		eTable += '<div class="cell" data-title="Gender"><select id="gender" name="gender">'
				+'<option>Select</option>'
				+'<option>Male</option>'
				+'<option>Female</option>'
				+'</select></div>';
		eTable += '<div class="cell" data-title="Dob"><input type="date" name="dob" id="dob"/></div>';
		eTable += '<div class="cell" data-title="Action"><input type="submit" name="btnsubmit" id="btnsubmit" value="Click Here" class="btn btn-danger"/></div>';
		eTable += '</div>';
	}

	eTable += "</div></div>";
	$('#eachTable').html(eTable);
}

</script> How many row:- Select 1 2 3 4 5 6

<script src="jquery.min.js"></script>