Скрытое поле в форме html: Скрытое поле | htmlbook.ru

Тег — Учебник HTML

schoolsw3.com

САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

❮ HTML <input> атрибуты type


Пример

Определяет скрытое поле:

 <input type=»hidden» name=»custId» value=»3487″>

Попробуйте сами »


Определение и использование

Параметр <input type=»hidden»> определяет скрытое поле ввода.

Скрытое поле позволяет веб разработчикам включать данные, которые не могут быть видны или изменены пользователями при отправке формы.

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

Примечание: Хотя это значение не отображается пользователю в содержимом страницы, оно видно (и может быть отредактировано) с помощью инструментов разработчика любого браузера или функции «Просмотр исходного кода». Не используйте скрытые входы в качестве формы безопасности!


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Атрибут
type=»hidden»1.0Да1.01.01.0

Синтаксис

<input type=»hidden»>


❮ HTML <input> атрибуты type

ВЫБОР ЦВЕТА



ТОП Учебники
HTML Учебник
CSS Учебник
JavaScript Учебник
КАК Учебник
SQL Учебник
Python Учебник
W3.CSS Учебник
Bootstrap Учебник
PHP Учебник
Java Учебник
C++ Учебник
jQuery Учебник
ТОП Справочники
HTML Справочник
CSS Справочник
JavaScript Справочник
SQL Справочник
Python Справочник
W3.CSS Справочник
Bootstrap Справочник
PHP Справочник
HTML Цвета
Java Справочник
Angular Справочник
jQuery Справочник
ТОП Примеры
HTML Примеры
CSS Примеры
JavaScript Примеры
КАК Примеры
SQL Примеры
Python Примеры
W3.
CSS Примеры
Bootstrap Примеры
PHP Примеры
Java Примеры
XML Примеры
jQuery Примеры

Форум | О SchoolsW3

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

Авторское право 1999- Все права защищены.
SchoolsW3 работает на площадке от SW3.CSS.

Веб-формы:Имена HTML полей веб-форм

Веб-формы

Вопросы веб-формы

При выводе веб-формы все ответы на вопросы представляются в виде HTML полей, заполняя которые, пользователи отвечают на тот или иной вопрос.

Ниже представлена таблица зависимости имен HTML-полей от типов ответов.

Тип ответа Описание Имя HTML поля Значение ответа
text Однострочное текстовое поле. form_text_answer_id Текст, введенный с клавиатуры.
textarea Многострочное текстовое поле. form_textarea_answer_id Текст, введенный с клавиатуры.
password Однострочное текстовое поле для ввода пароля. form_password_answer_id Текст, введенный с клавиатуры.
date Однострочное текстовое поле для ввода даты. form_date_answer_id Текст, введенный с клавиатуры.
radio Переключатель одиночного выбора. form_radio_question_sid ID выбранного ответа.
dropdown Выпадающий список одиночного выбора. form_dropdown_question_sid ID выбранного ответа.
checkbox Флаг множественного выбора. form_checkbox_question_sid[] Массив ID выбранных ответов.
multiselect Список множественного выбора. form_multiselect_question_sid[] Массив ID выбранных ответов.
file
Поле для ввода произвольного файла.
form_file_answer_id Массив, описывающий загруженный файл.
image Поле для ввода изображения. form_image_answer_id Массив, описывающий загруженный файл.
hidden * Скрытое поле. form_hidden_answer_id Данные из скрытого поля формы.
* — доступно только для упрощенного режима редактирования веб-форм
Принятые обозначения
  • answer_id — ID ответа;
  • question_sid — символьный идентификатор вопроса.

Поля веб-формы

Помимо ответов на вопросы веб-формы, необходимо выводить и редактировать значения полей веб-формы. Ниже представлена таблица зависимости имен HTML полей от типов поля веб-формы.

Тип поля Описание Имя HTML поля Значение
text Текст form_textarea_ADDITIONAL_field_id Текст, введенный с клавиатуры.
integer Число form_text_ADDITIONAL_field_id Текст, введенный с клавиатуры.
date Дата form_date_ADDITIONAL_field_id Текст, введенный с клавиатуры.
Принятые обозначения
  • field_id — ID поля веб-формы.

Смотрите также

  • CForm::GetTextField
  • CForm::GetTextAreaField
  • CForm::GetPasswordField
  • CForm::GetDateField
  • CForm::GetRadioField
  • CForm::GetCheckBoxField
  • CForm::GetDropDownField
  • CForm::GetMultiSelectField
  • CForm::GetFileField
  • CFormResult::GetDataByIDForHTML

«ФОРПРО» ООО 28.12.2021 18:39:35

Сообщение не промодерировано, возможны ошибки и неточности.

Нет в доках

что бы работал email нужно указывать имя поля

form_email_answer_id

© «Битрикс», 2001-2023, «1С-Битрикс», 2023

Наверх

— HTML: язык гипертекстовой разметки

элементы типа скрытые позволяют веб-разработчикам включать данные, которые не могут быть просмотрены или изменены пользователями при отправке формы. Например, идентификатор контента, который в данный момент заказывается или редактируется, или уникальный токен безопасности. Скрытые входные данные полностью невидимы на отображаемой странице, и нет никакого способа сделать их видимыми в содержимом страницы.

Примечание: input и change события не относятся к этому типу ввода. Скрытые входы не могут быть сфокусированы даже с помощью JavaScript (например, hiddenInput.focus() ).

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

Предупреждение: Хотя значение не отображается пользователю в содержимом страницы, оно отображается и может быть отредактировано с помощью инструментов разработчика любого браузера или функции «Просмотр исходного кода». Не полагайтесь на скрытых входных данных как на форму безопасности.

В дополнение к атрибутам, общим для всех элементов , скрытых входа предлагают следующие атрибуты.

имя

На самом деле это один из общих атрибутов, но он имеет особое значение, доступное для скрытых входов. В норме 9Атрибут 0003 name действует на скрытые входы точно так же, как и на любой другой вход. Однако при отправке формы о скрытом вводе, для которого name установлено значение _charset_ , будет автоматически сообщено со значением, установленным для кодировки символов, используемой для отправки формы.

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

Отслеживание отредактированного содержимого

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

Типичный рабочий процесс выглядит следующим образом:

  1. Пользователь решает отредактировать некоторый контент, которым он управляет, например запись в блоге или запись о продукте. Они запускаются нажатием кнопки редактирования.
  2. Редактируемое содержимое берется из базы данных и загружается в HTML-форму, чтобы пользователь мог вносить изменения.
  3. После редактирования пользователь отправляет форму, и обновленные данные отправляются обратно на сервер для обновления в базе данных.

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

Вы можете увидеть полный пример того, как это может выглядеть в разделе «Примеры» ниже.

Повышение безопасности веб-сайта

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

Это помешает злоумышленнику создать фальшивую форму, выдавая себя за банк, и отправить форму по электронной почте ничего не подозревающим пользователям, чтобы обманным путем заставить их перевести деньги в неправильное место. Этот тип атаки называется подделкой межсайтовых запросов (CSRF); практически любой авторитетный серверный фреймворк использует скрытые секреты для предотвращения таких атак.

Примечание: Размещение секрета в скрытом вводе не делает его безопасным. Состав и кодировка ключа сделают это. Ценность скрытого ввода заключается в том, что он сохраняет секрет, связанный с данными, и автоматически включает его при отправке формы на сервер. Вам нужно использовать хорошо продуманные секреты, чтобы действительно защитить свой сайт.

Скрытые входы не участвуют в проверке ограничений; они не имеют реальной ценности, чтобы быть ограниченными.

Давайте посмотрим, как можно реализовать простую версию формы редактирования, которую мы описали ранее (см. Отслеживание отредактированного содержимого), используя скрытый ввод для запоминания идентификатора редактируемой записи.

HTML-код формы редактирования может выглядеть примерно так:

 
<дел>
<дел>