If you want to add the input boxes dynamically then you should use javascript to add them into the innerHTML of a div on your page.
The example below should do what you want, it adds new input boxes into the inner HTML of the div called "inputBoxes" whenever you click on the "Create Person" button.
<html>
<head>
<script type="text/javascript">
var personCount=11;
createBoxes = function(el, numberBoxes) {
var innerHTML = "";
var n;
var inputBoxDiv = document.getElementById(el);
var innerHTML = inputBoxDiv.innerHTML;
for (n=0;n<numberBoxes;n++) {
innerHTML=innerHTML+"<label for='person"+personCount+"'>Name:</label><input name='person"+personCount+"' type='text' /><br/>";
personCount++;
}
inputBoxDiv.innerHTML = innerHTML;
}
</script>
</head>
<body>
<form name="input" action="saveTheData.php" method="post">
<label for="person1" >Name:</label><input type="text" name="person1" />
<label for="person2" >Name:</label><input type="text" name="person2" />
<label for="person3" >Name:</label><input type="text" name="person3" />
<label for="person4" >Name:</label><input type="text" name="person4" />
<label for="person5" >Name:</label><input type="text" name="person5" />
<label for="person6" >Name:</label><input type="text" name="person6" />
<label for="person7" >Name:</label><input type="text" name="person7" />
<label for="person8" >Name:</label><input type="text" name="person8" />
<label for="person9" >Name:</label><input type="text" name="person9" />
<label for="person10">Name:</label><input type="text" name="person10" />
<div id="inputBoxes"><!-- initially empty. The input boxes will go in here --></div>
<button onClick="createBoxes('inputBoxes',1);">Create A New Person</button>
<input type="submit" value="Submit">
</form>
</body>
</html>
