Информационный сайт




Формы HTML

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



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

Форма регистрации

формы html Данный модуль присутствует на сайтах, где открыта регистрация для пользователей. Форма регистрации может содержать в себе большое количество разных полей, к примеру, «Имя», «Логин», «Пароль», «Город», «Сайт», «Email» и т.д.

Кроме того, при регистрации пользователя обычно просят пройти проверку на робота (ввести капчу). Соответственно, модуль капчи встраивается в данную форму. На некоторых ресурсах форма регистрации упрощена до предела (оставляют лишь поля для ввода логина, пароля или email).

Форма авторизации

формы html При помощи данной формы осуществляется вход (авторизация) уже зарегистрированных пользователей на страницы сайта. Как правило, здесь есть лишь 2-3 поля – «Логин», «Пароль», «Email». При этом поля «Логин» и «Email» могут заменять друг друга (потому что во многих случаях пользователю проще запомнить свой постоянный email, чем несколько логинов от разных сайтов).

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

Форма поиска информации

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

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

Форма обратной связи

формы html Данный модуль позволяет связаться с администрацией сайта при помощи веб-интерфейса. Обычно пользователь должен заполнить такие поля, как «Тема сообщения», «Текст сообщения», «Email», а также ввести капчу. Некоторые поля могут быть удалены или добавлены – тут все зависит от предпочтений вебмастера.

Указывать свой email при отправке сообщения нужно для того, чтобы администрация сайта могла куда-то прислать ответ на ваш вопрос. Использование формы обратной связи является более предпочтительным способом связи с пользователями, чем публикация реальных контактных данных (своего email, ICQ, Skype или чего-то другого), так как администратор сайта может сохранить свою анонимность.

Гостевая книга

Данный модуль является упрощенной версией описанной выше формы обратной связи. Как правило, здесь есть лишь два поля для ввода информации – «Тема сообщения» и «Текст сообщения». Почтовый адрес не нужно указывать из-за того, что все отправленные сообщения будут публиковаться на отдельной странице сайта (которая обычно так и называется – «Гостевая книга»). Их будут видеть другие пользователи.

Форма для комментирования (для отправки комментария)

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

Что касается используемых в форме полей, то их также может быть довольно много. К примеру, «Имя», «Сайт, «Email», поле для капчи, галочка для подписки на обновления и т.д. Наиболее простой вариант данной формы состоит лишь из поля для ввода сообщения и кнопки «Отправить».

Форма заказа

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

Здесь могут присутствовать такие поля, как «Ваше имя», «Ваша фамилия», «Email», «Адрес», «Почтовый индекс», поле для капчи. Также может быть размещено сразу несколько полей для указания платежных реквизитов, желаемых способов оплаты и доставки.

Форма заполнения личной информации

генератор форм html Как правило, данные модули используются на различных форумах, в чатах, на сайтах знакомств и т.д. Основное предназначение формы – возможность предоставления пользователем развернутой информации о себе. Поэтому здесь могут присутствовать такие поля, как «Имя», «Возраст», «Пол», «Город», «Интересы», «Образование» и т.д. Вся заносимая в эти поля информация впоследствии отображается на странице профиля пользователя.

Конечно, если у вас сайт сделан на какой-то популярной CMS, например на Wordpress или Joomla, то здесь полно готовых модулей и возможно формы HTML вам не понадобятся. Но и в случае с популярными CMS установка формы HTML будет лучшим решением, чем установка готового модуля.

Попробуйте онлайн конструктор форм в режиме реального времени. Отличный генератор форм html. Так же на сайте есть готовые html формы.

TEXT.RU - 100.00%
Автор: Tatjana Rodionovskaja






Яндекс.Метрика