Если я вас правильно понял, вы хотите спрашивать пользователя о том, куда ему нужно выполнить upload файла. Тогда вам придется написать "свой файловый менеджер", в котором показать файловую структуру вашего сервера или папки для загрузки файлов. Средствами браузера это невозможно, ТК он ничего не знает о вашем сервере.
Поскольку шаблон формы - величина постоянная, я бы всю форму сделал бы картинкой (background). А в "клеточки" вставлял нужные данные из веб-формы с абсолютным позиционированием. Это самый быстрый и возможно правильный способ, тк сам процесс конвертирования HTML в PDF - вещь сама в себе.
Если вам нужно обновить поля веб-формы, гораздо проще/быстрее/правильнее отдать JSON. Если же вы хотите подгрузить кусок страницы и вставить его, скажем, в разворачивающемся блоке (collapse) - проще/быстрее/правильнее отдать готовый HTML.
Никто не заставляет вас использовать то или иное правило. Каждая команда разработчиков сама определяет с каким "правилом" наименования они работают. Если вы работаете один - выберите своё стиль, свое правило. И не нарушайте его.
Кроме этого, есть популярные "стандарты", например БЭМ (блок-элемент-модификатор). Ссылку вам уже кидали. Например, Яндекс использует немного модифицированный под себя БЭМ.
Вроде все хорошо и быстро рендерится. Вероятно у вас сетевые проблемы были/есть. Проверьте скорость доступа к Интернет. А также проверьте не установлены ли ограничения на скорость в браузере (Chrome Developer Tools).