ThunderCat

есть вариант без аякса:
1) делаете ссылку на страничку с прелоадером, то есть весь контент - только прелоадер
2) Делаете на ней js: location.href = 'урл с гет параметрами который долго грузится'
3) Profit! пока пхп не отдаст содержимое страницы с вашими тяжелыми запросами будет крутиться прелоадер, потом сразу загрузится вся тяжелая страничка.

css (а так же изображения, js и прочие ресурсы) не могут быть загружены из папок, недоступных из веб. Соответственно папка css должна лежать в папке public, и тогда соответственно путь будет /css/style.css

канвас + жс все это умеет. Тыц.

Гуглите "custom html input css", если это выборка с 1 возможным вариантом - кастомизируйте radiobutton, если мультивыбор - checkbox.

vk написан на слегка допиленном php. Да, можно, но без понятия архитектуры приложения / нормализации/денормализации данных и прочих вещей которые нужно знать опытному разработчику будет а) сложно, б) криво.

1) верстаете отдельный шаблон в сантиметрах, задаете размер страницы А4, задаете все цсс для @print как необходимо и далее сохраняете в html.
2)

exec('google-chrome --headless --no-sandbox --disable-gpu --print-to-pdf=путь_К_Пдф.pdf --no-margins путь_где_брать_хтмл.html --virtual-time-budget=5000 >куда_писать_лог.log 2>&1');

если верстка будет правильной, все ляжет один в один с обычным выводом на печать из хрома, за исключением шрифтов, там есть нюансы зависящие от ОС.

А какие проблемы с переносом строк в текстареа? Неужели ентер не работает?

Их много, гуглите image preview upload js

br { display: none; }
или
br { position:absolute; }
или
br { float:left; margin:0 0; }

нативный required нынче не модно?

@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }  
}

UPD:
попробуйте на кнопки добавить срабатывание следующего кода:

document.querySelector('style').textContent += "@page { size: A4; margin: 0;} @media print {  html, body { width: 210mm;    height: 297mm; }}";

для А4 и

document.querySelector('style').textContent += "@page { size: A5; margin: 0;} @media print {  html, body { width: 210mm;    height: 148mm; }}";

для А5

Магия вне Хогвардса запрещена, по этому браузер не может отобразить картинку которая не лежит по указанному урл.

это делается не так!
В куки добавляется лишь параметр который определяет вид отображения, если он (например)есть и установлен в 1 - на сервере подключается в шаблон еще 1 дополнительный css файл с нужными стилями.

так как оно влияет только на элементы того же уровня иерархии.

а??

JQ:

$(".class_radio").on('change',function(){
if($(this).prop('checked')==true) $('#id_of_number_element').hide();
else $('#id_of_number_element').show();
})