Для правильного вопроса надо знать половину ответа
Скрипт в заголовке выполняется сразу же и на момент его выполнения в DOM ещё нет элемента table.
Переносите скрипт в конец файла или используйте событие DOMContentLoaded.
Для правильного вопроса надо знать половину ответа
Вы не понимаете, как работает реактивность Vue.
v-model устанавливает двустороннюю связь между значением поля input и элементом данных name.
При инициализации приложения вы объявляете элемент name со значением null. Это значение и записывается как значение input'а.
Задавайте в данных нужное значение.
Для правильного вопроса надо знать половину ответа
Элемент picture может содержать только ноль или более элементов source и завершающий элемент img, возможно чередующиеся с дополнительными элементами script и template. https://www.w3.org/TR/html52/semantics-embedded-co...
У вас один элемент picture содержит другой элемент picture, что по стандарту недопустимо.
Для правильного вопроса надо знать половину ответа
Важно не значение атрибута disabled, а сам факт его наличия. Убирайте его с помощью removeAttribute().
A form control is disabled if any of the following conditions are met:
1. The element is a button, input, select, or textarea element, and the disabled attribute is specified on this element (regardless of its value).
Для правильного вопроса надо знать половину ответа
У вас несколько полей с одинаковым именем 'phone'. Соответственно, при разборе строки запроса PHP сохраняет в $_POST['phone'] только последнее из них.
Можете передать поля как массив, задав name='phone[]'.
Для правильного вопроса надо знать половину ответа
location.reload() работает аналогично кнопке перезагрузки страницы в браузере. Поведение полей ввода при перезагрузке определяется самим браузером и установленными расширениями (например, сохраняющими данные форм).
Используйте AJAX для обновления информации на странице без перезагрузки ли сохраняйте данные в localStorage/sessionStorage на время перезагрузки.