<mce:script type="text/javascript"><!-- function addMore() { var td = document.getElementById("more"); var br = document.createElement("br"); var input = document.createElement("input"); var button = document.createElement("input"); input.type = "file"; input.name = "file"; button.type = "button"; button.value = "Remove"; button.onclick = function() { td.removeChild(br); td.removeChild(input); td.removeChild(button); } td.appendChild(br); td.appendChild(input); td.appendChild(button); } // --></mce:script> <body> <form action="upload" enctype="multipart/form-data"> <table align="center" width="50%" border="1"> <tr> <td> file </td> <td id="more"> <input type="file" name="file"> <input type="button" value="Add More.." οnclick="addMore()"> </td> </tr> </table> </form> </body>