Чтобы "Форма для загрузки нескольких изображений" работала динамически,
надо использовать javascript.
Но обычное использование свойства " innerHTML " здесь не поможет.
При измене структуры в черте родительского тега по отношению к
" <input type="file"/> ", когда кликнул по кнопке
" Добавить поле " происходит потеря предыдущего выбранного файла.
Но этого избежать можно:
1) Все другие части формы, которые появляются и исчезают, должны иметь
свой отдельный родительский тег с индексом. Например динамика вставки
списка или ссылки в комментариях должна появляться и исчезать в своей
отдельной ветке тегов.
2) Появление нового " <input type="file"/> " для очередного файла,
сбрасывает выбор предыдущего, если " <input type="file"/> "(ы)
имеют общий родительский тег с одним индексом. Но можно создать для них
все сразу отдельные родительские теги со своими индексами, а кнопкой
" Добавить поле " вставлять в них свой очередной инпут. И сама кнопка
должна иметь отдельный родительский тег со своим индексом. Так как в ее
структуре тоже происходит изменение( меняется аргумент в функции которая
создает очередной инпут). И тогда предыдущий выбор сохранится.

Пример работы формы:

Серия сообщений "Скрипты для вашего сайта":

©  Скрипты от AVL

Часть 1 - Скрипт счетчик посещений.
Часть 2 - Php скрипт для распаковки zip архива
...
Часть 8 - Скрипт для подсветки кода
Часть 9 - Сколько сейчас на сайте
Часть 10 - Форма для загрузки нескольких изображений