Таблицу в span уже плохо. Рег. выражения тут лишнее. Стили из тегов убрать. Не надо ни каких номеров полям, индексы будет проставлены автоматически согласно порядку полей в форме. На jQuery:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
#tbl {
border-collapse: collapse;
}
#tbl td {
border: 1px solid #ddd;
padding: 4px;
}
#tbl input {
width: 50px;
}
a.delRow, #addRow {
display: block;
cursor: pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
$('#addRow').click(function() {
var t = $('#tbl');
t.find('tr')
.eq(1)
.clone()
.appendTo(t)
.find('td:last')
.append('<a class="delRow">удалить</a>')
.end()
.find('input')
.val('');
});
$('#tbl').on('click', 'a.delRow', function() {
$(this).closest('tr').remove();
});
});
</script>
</head>
<body>
<form>
<table id="tbl">
<tr>
<td>Поле раз</td>
<td>Поле два</td>
<td>Поле три</td>
<td><a id="addRow">+</a></td>
</tr>
<tr>
<td><input type="text" name="field1[]" /></td>
<td><input type="text" name="field2[]" /></td>
<td><input type="text" name="field3[]" /></td>
<td></td>
</tr>
</table>
<input type="submit"/>
</form>
</body>
</html>