Как создать скрытый input для передачи технической информации на другую страницу?

Ссылка скопирована
19 апреля 2026 1 ответ

Необходимо передавать несколько параметров на страницу action
Например:

<form action="страница на которую отправляются данные" method="POST">  // техническая информация, скрытая от пользователя и не доступная для редактирования <input type="hidden" name="XXX" value="XXX"> <input type="hidden" name="XXX" value="XXX">  <button>Отправить</button> </form>

<form action="страница на которую отправляются данные" method="POST"> // техническая информация, скрытая от пользователя и не доступная для редактирования <input type="hidden" name="XXX" value="XXX"> <input type="hidden" name="XXX" value="XXX"> <button>Отправить</button> </form>

атрибут hidden не подходит, так как его можно редактировать через код элемента
Какие могут быть варианты решения проблемы?

Дополнительно:

Пилить параметры в сессию

Тип hidden не подходит, потому что его можно редактировать? А что из html вы вообще можете НЕ редактировать?

Вам тут стоит понять одну очень важную штуку: html/css/js образуют client side. Вы должны понимать, почему это называется вообще "Клиентом"? Потому что эта вся информация полностью загружается на клиента и он имеет к ней доступ.

По этому существует server side - часть программной системы, к какой конечный пользователь не имеет доступа, в отличии от клиентской части.

Цель сервера - обрабатывать запросы с клиента. Первое, что делает сервер с данными, которые ему отправил клиент - ВАЛИДИРУЕТ. Соответственно, если данные не валидны - запрос разворачивается обратно на клиента и отдаёт ему какую-то ошибку

Это всё так, к слову. Вам важно понять, что клиент может редактироваться, вы никак не сможете этого избежать. Но этого не стоит бояться, т.к. то, за что вы переживаете должно обрабатываться на сервере.

Client side должен обрабатывать данные перед отправкой на сервер (Но сервер обязан их повторно валидовать) и после получения данных от сервера для наилучшего представления ИХ конечному пользователю

UPD: для справки. Вы можете полностью редактировать html в режиме реального времени, но он не будет сохранён для всех пользователей, а только для вас, т.к. эта часть загружается только два вас как для конечного пользователя. Сам html хранится на сервере и является результатом работы сервера. Эту часть html, что вы видите в браузере вы можете редактировать.

Вы можете динамически подключать стили или их удалять. Можете менять скрипты, удалять их из сайта (Тогда отправка вообще работать не будет и, соответсвенно, отключится весь функционал, за который отвечаел скрипт) или добавить новые скрипты. А можете вообще написать свой скрипт прямо в консоли браузера и он будет работать.

Проблема в том, что даже после элементарной перезагрузки страницы (Через Ctrl + R или другими способами) это всё будет утеряно и вам загрузится тот самый html/css/js, который является результатом рабыты сервера того сайта, который вы просматриваете

  • Curl из командной строки простейший способ отправить что угодно на сервер.

ничему из того, что приходит со стороны клиента верить нельзя.
Куки, http заголовки и все-все можно отправить на сервер со стороны клиента.
Из простейшего что вам подойдет - session.

Ответы:

Какие могут быть варианты решения проблемы?

Не выдумывать на ровном месте проблемы. Всё на стороне клиента можно отредактировать и подменить.

  • бред, я ставлю конкретную задачу, а не ищу варианты как потом это всё редактировать и менять
  • YELEM,

    а не ищу варианты как потом это всё редактировать и менять

    А я и не предлагаю варианты )) Я говорю что вы занимаетесь бесполезной ерундой.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Артём Dev Ответ

Для создания скрытого input элемента, который будет передавать техническую информацию на другую страницу, вам нужно использовать HTML и JavaScript. Вот пример кода, который покажет вам, как это сделать:

```html

Hidden Input Example

// Получаем ссылку на скрытый input элемент
var hiddenInput = document.getElementById('hiddenInput');

// Устанавливаем значение для скрытого input элемента
hiddenInput.value = 'Техническая информация, которую вы хотите передать на другую страницу';

// Отправляем форму на другую страницу при нажатии кнопки Submit
document.getElementById('myForm').addEventListener('submit', function(event) {
// Дополнительные действия, если необходимо

// Пример: Отменяем отправку формы для демонстрации
event.preventDefault();

// Получаем значение скрытого input элемента
var hiddenInputValue = hiddenInput.value;

// Переходим на другую страницу с передачей значения скрытого input элемента
window.location.href = 'target_page.php?hiddenInput=' + encodeURIComponent(hiddenInputValue);
});

```

В этом примере мы создаем скрытый input элемент с id "hiddenInput" внутри формы. При отправке формы мы устанавливаем значение для скрытого input элемента и переходим на другую страницу с передачей этого значения в URL. Помните, что передаваемые данные могут быть видны в URL, поэтому убедитесь, что они не содержат конфиденциальной информации.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно