<html>
<head>
<title>upload</title>
<script type="text/javascript">
function addMore() {
alert(1);
var td = document.getElementById("more");
var br = document.createElement("br");
var input = document.createElement("input");
var btn = document.createElement("input");
alert(2);
input.type = "file";
input.name = "name";
alert(2.5);
btn.type="button";
btn.value="Remove";
alert(3);
button.onclick = function() {
td.removeChild(br);
td.removeChild(input);
td.removeChild(btn);
}
td.appendChild(br);
td.appendChild(input);
td.appendChild(btn);
}
</script>
</head>
<body>
<form id="upload" action="upload" method="post" enctype="multipart/form-data">
<table align="center" width="50%" border="1">
<tr>
<td>
username
</td>
<td>
<input type="text" name="username" value="" id="upload_username"/>
</td>
</tr>
<tr>
<td>
password
</td>
<td>
<input type="password" name="password" id="upload_password"/>
</td>
</tr>
<tr>
<td>
file
</td>
<td id="more">
<input type="file" name="file" value="" id="upload_file"/>
<input type="button" value="Add more..." οnclick="addMore()">
</td>
</tr>
</table>
</form>
</body>
</html>