Тег — Учебник HTML
schoolsw3.com
САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
❮ HTML <input> атрибуты type
Пример
Определяет скрытое поле:
<input type=»hidden» name=»custId» value=»3487″>
Попробуйте сами »
Определение и использование
Параметр <input type=»hidden»> определяет скрытое поле ввода.
Скрытое поле позволяет веб разработчикам включать данные, которые не могут быть видны или изменены пользователями при отправке формы.
Скрытое поле часто хранит запись базы данных, которая должна быть обновлена при отправке формы.
Примечание: Хотя это значение не отображается пользователю в содержимом страницы, оно видно (и может быть отредактировано) с помощью инструментов разработчика любого браузера или функции «Просмотр исходного кода». Не используйте скрытые входы в качестве формы безопасности!
Поддержка браузеров
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.
Атрибут | |||||
---|---|---|---|---|---|
type=»hidden» | 1.0 | Да | 1.0 | 1.0 | 1.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 поля | Значение ответа |
---|---|---|---|
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_
, будет автоматически сообщено со значением, установленным для кодировки символов, используемой для отправки формы.
Как упоминалось выше, скрытые входные данные можно использовать везде, где вы хотите включить данные, которые пользователь не может видеть или редактировать вместе с формой, когда она отправляется на сервер. Давайте рассмотрим несколько примеров, иллюстрирующих его использование.
Отслеживание отредактированного содержимого
Одним из наиболее распространенных способов использования скрытых входных данных является отслеживание того, какую запись базы данных необходимо обновить при отправке формы редактирования.
Типичный рабочий процесс выглядит следующим образом:- Пользователь решает отредактировать некоторый контент, которым он управляет, например запись в блоге или запись о продукте. Они запускаются нажатием кнопки редактирования.
- Редактируемое содержимое берется из базы данных и загружается в HTML-форму, чтобы пользователь мог вносить изменения.
- После редактирования пользователь отправляет форму, и обновленные данные отправляются обратно на сервер для обновления в базе данных.
Идея заключается в том, что на шаге 2 идентификатор обновляемой записи хранится в скрытом вводе. Когда форма отправляется на шаге 3, идентификатор автоматически отправляется обратно на сервер вместе с содержимым записи. Идентификатор позволяет серверному компоненту сайта точно знать, какую запись необходимо обновить с помощью представленных данных.
Вы можете увидеть полный пример того, как это может выглядеть в разделе «Примеры» ниже.
Повышение безопасности веб-сайта
Скрытые входы также используются для хранения и отправки токенов безопасности или секретов в целях повышения безопасности веб-сайта. Основная идея заключается в том, что если пользователь заполняет конфиденциальную форму, например форму на своем банковском веб-сайте, для перевода денег на другой счет, секрет, который ему будет предоставлен, докажет, что он тот, за кого себя выдает, и что они используют правильную форму для отправки запроса на перевод.
Это помешает злоумышленнику создать фальшивую форму, выдавая себя за банк, и отправить форму по электронной почте ничего не подозревающим пользователям, чтобы обманным путем заставить их перевести деньги в неправильное место. Этот тип атаки называется подделкой межсайтовых запросов (CSRF); практически любой авторитетный серверный фреймворк использует скрытые секреты для предотвращения таких атак.
Примечание: Размещение секрета в скрытом вводе не делает его безопасным. Состав и кодировка ключа сделают это. Ценность скрытого ввода заключается в том, что он сохраняет секрет, связанный с данными, и автоматически включает его при отправке формы на сервер. Вам нужно использовать хорошо продуманные секреты, чтобы действительно защитить свой сайт.
Скрытые входы не участвуют в проверке ограничений; они не имеют реальной ценности, чтобы быть ограниченными.
Давайте посмотрим, как можно реализовать простую версию формы редактирования, которую мы описали ранее (см. Отслеживание отредактированного содержимого), используя скрытый ввод для запоминания идентификатора редактируемой записи.
HTML-код формы редактирования может выглядеть примерно так: