Javascript 向html表单动态添加额外的输入字段

我目前正在从事一个html和php项目。我希望能够做的是有一个html与一个文件选择器来选择一个屏幕截图。文件选择器旁边是一个按钮/链接，用户可以添加另一个字段。当用户单击按钮或链接时，我希望在第一个字段下面的表单中添加另一个字段，然后用户可以再次按下按钮/链接，并添加另一个字段。然后，当表单提交时，它会获取所有输入字段的值，包括添加到表单中的所有要上载的文件

实现这一点的最佳方法是什么，我假设可能涉及javascript和/或jquery

谢谢你能提供的帮助

更新 我已经知道了怎么做，但我想知道如何让它淡入或者让它平滑地滑下表单的其余部分。我已经在一个div中添加了字段，并使用javascript使输入字段出现在这个div中，但它只是出现了，我希望它在动画中平滑淡入，而不是在屏幕上闪烁。下面是我用来添加输入字段的javascript

<script>
        function addFields()
        {
            document.getElementById("screenshotFields").innerHTML += "<input class=\"fields\" type=\"file\" name=\"filScreenshot[]\" />";
        }
    </script>

---

您需要一种称为“多文件上传魔术”的东西。

答案是从@ott comment到我的问题，再到另一个stackoverflow问题

结帐-要求您包括jquery.js谢谢这很有效