Использование форм для сбора информации от пользователей

Последнее обновление 20 дек. 2021 г.

О сборе информации от пользователей

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

HTML-формы

Собирайте информацию от пользователей и сохраняйте её в памяти сервера.Форма HTML может отправлять информацию либо в виде параметров формы, либо в виде параметров URL.

Гипертекстовые ссылки

Позволяют собирать информацию от пользователей и сохранять её в памяти сервера.Вы указываете значение (или значения), которое будет отправлено при нажатии пользователем на ссылку — например, настройку — добавляя значение к URL, указанному в теге привязки. Когда пользователь нажимает на ссылку, браузер отправляет URL и добавленное значение на сервер.

Пользовательский интерфейс в Dreamweaver и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver и более поздних версиях. Дополнительные сведения см. в этой статье.

Параметры HTML-форм

Параметры формы отправляются на сервер с помощью формы HTML, используя метод POST или GET.

При использовании метода POST параметры отправляются на веб-сервер как часть заголовка документа и не видны и не доступны никому, кто просматривает страницу стандартными методами.Метод POST следует использовать для значений, которые влияют на содержимое базы данных (например, при вставке, обновлении или удалении записей), или для значений, которые отправляются по электронной почте.

Метод GET добавляет параметры к запрашиваемому URL. Параметры становятся видны всем, кто просматривает страницу. Метод GET предназначен для поисковых форм.

Вы можете использовать Dreamweaver для быстрого создания форм HTML, которые отправляют параметры формы на сервер. Учитывайте метод, который вы используете для передачи информации от браузера к серверу.

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

txtLastName=введенноезначение

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

Форма всплывающего меню

Каждый выбор меню соответствует жестко заданному значению, которое отправляется как параметр формы на сервер. Диалоговое окно «Значения списка» в следующем примере сопоставляет каждый элемент списка со значением (Add, Update, или Delete):

Диалоговое окно «Значения списка»

После создания параметра формы Dreamweaver может получить значение и использовать его в веб-приложении. После определения параметра формы в Dreamweaver вы можете вставить его значение на страницу.

Параметры URL-адреса

Параметры URL позволяют передавать предоставленную пользователем информацию от браузера к серверу. Когда сервер получает запрос и к URL запроса добавлены параметры, сервер предоставляет запрашиваемой странице доступ к параметрам перед отправкой этой страницы в браузер.

Параметр URL — это пара имя-значение, добавленная к URL. Параметр начинается со знака вопроса (?). и принимает форму name=value. Если существует более одного URL-параметра, каждый параметр отделяется символом амперсанда (&). В следующем примере показан URL-параметр с двумя парами «имя-значение»:

http://server/path/document?name1=value1&name2=value2

В данном примере приложение — это «витрина» интернет-магазина. Поскольку разработчики сайта хотят охватить максимально широкую аудиторию, сайт спроектирован для поддержки иностранных валют. Когда пользователи входят на сайт, они могут выбрать валюту, в которой будут отображаться цены доступных товаров.

Браузер запрашивает с сервера страницу report.cfm. Запрос включает параметр URL-адреса Currency="euro". Переменная Currency="euro" указывает, что все денежные суммы должны отображаться в евро Европейского союза.

Сервер временно хранит параметр URL-адреса в оперативной памяти.

Страница report.cfm использует параметр для получения стоимости товаров в евро. Эти денежные суммы могут либо храниться в таблице базы данных разных валют, либо конвертироваться из одной валюты, связанной с каждым товаром (любая валюта, поддерживаемая приложением).

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

URL- параметры также создаются при использовании HTTP-метода GET вместе с HTML-формой. Метод GET указывает, что значение параметра должно быть добавлено к URL-запросу при отправке формы.

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

Вы создаете URL-параметры внутри HTML-ссылки, используя атрибут href HTML-тега привязки. Вы можете ввести URL-параметры непосредственно в атрибут в представлении Code (View > Code) или добавив URL-параметры в конце URL ссылки в поле Link инспектора свойств.

В следующем примере три ссылки создают один URL-параметр (action) с тремя возможными значениями (Add, Update и Delete). Когда пользователь нажимает ссылку, значение параметра отправляется на сервер, и выполняется запрошенное действие.

<a href="http://www.mysite.com/index.cfm?action=Add">Добавить запись</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Обновить запись</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Удалить запись</a>

Инспектор свойств (Окно > Свойства) позволяет создать те же параметры URL, выбрав ссылку и добавив значения параметров URL в конце URL ссылки в поле Ссылка.

Инспектор свойств

После создания параметра URL Adobe Dreamweaver может получить значение и использовать его в веб-приложении. После определения параметра URL в Adobe Dreamweaver вы можете вставить его значение на страницу.