const target = document.querySelector('.box1')
const newElem = // ссылка на новый элемент
document.createElement('div')
newElem.class = "box4"
target.insertAdjacentElement('afterend', newElem)
newElem.textContent = 'hello world' // модификация уже после вставки<input type="file"/> в принципе всегда можно загружать несколько файлов. Просто первый доступен в колбеке изначально, а остальные достаются через интерфейс FileList в JS. 
# Installation directory
RewriteBase /
# Protect hidden files from being viewed
<Files .*>
Require all denied
</Files>
# Allow any files or directories that exist to be displayed directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# Rewrite all other URLs to index.php/URL
# godaddy hack no input file specified
RewriteRule .* index.php [PT,QSA,L]
fetch('json.php', {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(doc), // тип данных в body должен соответвовать значению заголовка "Content-Type"
})var_dump($_POST); // Проверить что приходит на сервер
$password = '...'; // результат работы crypt('пароль');
if (empty($_SESSION['login'])) {
if($_POST["login"] === $login && !empty($_POST["password"]) && crypt($_POST["password"]) === $password) {
// здесь создаем сессию, и пишем в нее что-то типа
$_SESSION['login'] = TRUE;
}
}