Вставка мультимедиа

Работа с формами

Чтобы предать Вашему сайту элементы интерактивности надобно применять формы. Обратная союз с посетителями - это важнейшая округ в развитии также эффективности вашего сайта. Формы разрешено условно разделить на четыре категории:

1. Для опроса посетителей . Отчуждает возможность давать ответ на заранее подготовленные вопросы с вариантами ответов на них либо свободными текстовыми полями, которые заполняются ими своими силами. С их подмогой Вы в реальном поры получите нужную Вам информацию.
2. Форма для отзывов . Сюда разрешено отнести например популярную "гостевую книгу". Она даёт возможность посетителям высказывать своё взгляд, строчить о своих проблемах также задачах, вносить предписания также замечания либо приносить признательности.
3. Для сбора данных . Служат в основном элементом при регистрации посетителя сайта. Владеет вид обычной анкеты.
4. Различные поля ввода (поиск, ввод пароля также т. д).

Все данные указанные в форме обрабатываются также передаются посредством сценариев, написанный на языках программировании Perl (расширение файла .cgi) и PHP (с расширением .php).

Для размещения формы на веб-странице применяется тег <FORM> с атрибутами:

• ACTION - активирует применяемый к форме файл сценария.
• NAME - идентифицирует форму.
• METHOD - метод передачи данных формы. Значения: "post" (отправка на e-mail) также get (на домен).

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

Поля ввода

Предназначены для ввода небольшого текста либо символов (ввод пароля). Они представляют собой выделенные рамкой участки страницы, по вышине ограниченные размером шрифта также рядом написанным информационным приложением. В техническом расписании это осуществляется следующем образом. Берётся универсальный при составлении форм тег <INPUT> ,к которому затем присваиваются атрибуты:

• TYPE - указывает на тип вводимой информации. Значения: text (текст), password (звездочки) и hidder (информация никак не станет показана).
• NAME - присваивает имя полю.
• SIZE - длина поля. (значение указывается в числе символов)
• MAXLENGHT - ограничение на число вводимых символов.
• VALUE - используется в тех случаях, в какое время нужно заполнить поля для ввода какой-либо информацией на момент загрузки страницы.

Примечание: Информационное приложение к полю разрешено записывать в коде, как вплоть до, так также позже тэга <INPUT>. Образец создания поля для ввода пароля:

<INPUT TYPE="text" NAME="login" SIZE="12" VALUE="ваш логин">Логин

Пароль <INPUT TYPE= "password" NAME="pass" SIZE="25" MAXLENGHT="24" VALUE"Максимум 24 символа">

После составления данного кода Вы увидите в браузере форму, но никак не найдёте в ней привычных кнопок. Слово об них пойдёт далее.

Текстовые поля

Такие поля отличаются от полей ввода тем, что вних разрешено вводить неограниченно текст. Поэтому они снабжены полосой прокрутки. Для размещения текстовых полей на странице в языке HTML предназначен тег <TEXTAREA>, которому могут существовать присвоены следующие атрибуты:

• COLS - ширина окна (в числе символов).
• ROWS - вышина окна (в числе символов).
• NAME - информация для идентификации.
• VALUE - информация в окне на момент загрузки.

Поля для передачи файлов

Служат для отправки какого-либо файла совместно с данными введенных в форму. Для того, дабы это осуществить нужно создать саму форму с помощью тэга <INPUT> также атрибута TYPE со значением "file". Затем производим активацию файла сценария посредством атрибута ACTION также всё готово.

Кнопки

Кнопки в основном предназначены для отправки данных, записанных в форму, или для сброса информации в форме. В главном случае в атрибуте TYPE тэга <INPUT> указывается значение submit , во другом - reset. Для отображения кнопок на странице нужно к тэгу <INPUT> еще добавить уже Вам хорошо знакомые атрибуты VALUE И NAME . В формах схоже применяются также другие более сложные также "навороченные" кнопки, которые работают уже непосредственно со сценариями JavaScript.

Переключатели также флажки

В этой округа они находят применение для опроса посетителей сайта, посредством избрания заранее подготовленных вариантов. При месте переключателей на страницу, применяется все те бла бла тег <INPUT> также атррибут TYPE, значение у которого будут:

• radio - обозначение переключателя в языке HTML.
• name - идентификатор переключателя. (для всех переключателей одной группы должны существовать обязательно присвоены одинаковые значения).
• value - идентификатор переключателя, какой был выбран посетителем. (значения для каждого переключателя в одной группе должны быть указаны разные значения.
• selected cheked - иллюстрирует, какой переключатель станет включен в момент загрузки.

Флажки, по принципу действия отличаются от переключателей тем, что при подмоги них разрешено выделить как один элемент из списка, так также все либо никак не одного. В атрибуте TYPE они обозначаются значением checkbox. Помимо вышеуказанного атрибута в тэге <INPUT> атрибуты NAME и CHECKED . В главном назначают имя элемента. Другой ставится по хотению, он станет определять, какой из элементов станет отмечен флажком по умолчанию.

Раскрывающиеся спискплюс

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

Составляются раскрывающиеся списки в HTML-коде следующем образом. В контейнер <SELECT> вставляются контейнеры <OPTION>, в каком месте каждый контейнер <OPTION> станет проявляться одним элементом из списка. При этом к тэгу <SELECT> присваиваются знакомые Вам атрибуты NAM E также SIZE, но к тэгу <OPTION> - VALUE также SELECTED (выбор элемента списка по умолчанию).

Все вышеперечисленные формы на практике находят применения в основном совместно со сценариями JavaScript, о котором браузеру нужно сообщить в контейнере <HEAD>.

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

вверх