HTML

<table cellpadding="5" cellspacing="0" border="1">
	<tr name="tr_attach_file">
		<th>첨부파일</th>
		<td>
			<input type="file" name="attachFile" /> <button type="button">추가</button>
		</td>
	</tr>
</table>

이 예제는 눌러도 작동되지 않습니다. ㅎ

HTML

<!-- 테이블을 하나 만들고 안보이게 설정합니다 -->
<!-- 아래 테이블의 TR을 그대로 읽어다가 추가할 때 사용할 겁니다 -->
<!-- 기존 요소를 그대로 가져다가 원하는곳에 추가시키는 방법입니다 -->
<!-- 컨트롤 C, V 생각하시면 되겠습니다. ㅎㅎ -->
<table id="preset" style="display:none;">
	<tr name="tr_attach_file">
		<th>첨부파일</th>
		<td>
			<input type="file" name="attachFile" />
		</td>
	</tr>
</table>

<form name="form1" method="post" action="">
<table cellpadding="5" cellspacing="0" border="1">
	<tr>
		<th>제목</th>
		<td>.</td>
	</tr>
	<tr>
		<th>내용</th>
		<td>.</td>
	</tr>
	<tr name="tr_attach_file">
		<th>첨부파일</th>
		<td>
			<input type="file" name="attachFile" /> <button type="button" onclick="addFile()">추가</button>
		</td>
	</tr>
	<!-- 추가 버튼을 누르면 위 숨겨진 테이블의 tr 을 가져다가 추가할 겁니닷 -->
</table>
</form>

자바스크립트

function addFile(){
	$('[name=form1] [name=tr_attach_file]:last').after( $('#preset tr') );
	// $('#preset tr') : id=preset 에서 tr 요소 셀렉트 하여
	// form1 안에 이름이 tr_attach_file 인것 중 마지막 것 다음에 추가합니다.
	// 이렇게 하면 실행때 마다 동적으로 하나씩 추가됩니다.
}

버튼을 누를때 마다 추가되어야 하는데 왜 안될까요? 다음 예제를 봅시다.

HTML

<table id="preset" style="display:none;">
	<tr name="tr_attach_file">
		<th>첨부파일</th>
		<td>
			<input type="file" name="attachFile" />
		</td>
	</tr>
</table>

<form name="form1" method="post" action="">
<table cellpadding="5" cellspacing="0" border="1">
	<tr>
		<th>제목</th>
		<td>.</td>
	</tr>
	<tr>
		<th>내용</th>
		<td>.</td>
	</tr>
	<tr name="tr_attach_file">
		<th>첨부파일</th>
		<td>
			<input type="file" name="attachFile" /> <button type="button" onclick="addFile()">추가</button>
		</td>
	</tr>
	<!-- 추가 버튼을 누르면 위 숨겨진 테이블의 tr 을 가져다가 추가할 겁니닷 -->
</table>
</form>

자바스크립트

function addFile(){
	$('[name=form1] [name=tr_attach_file]:last').after( $('#preset tr').clone() );
	// $('#preset tr').clone() : id=preset 에서 tr 요소 셀렉트 하여 복제 !!
	// form1 안에 이름이 tr_attach_file 인것 중 마지막 것 다음에 추가합니다.
	// 이렇게 하면 실행때 마다 동적으로 하나씩 추가됩니다.
}

$( '#preset tr' ).clone()

실행 가능한 소스