Цель работы: Освоение приемов создания бланков и разбиения WEB-страниц на фреймы с использованием средств HTML (Hyper Text Markup Language) - языка гипертекстовой разметки документов.

1Бланки

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

1.1Создание бланков

Бланки создаются с помощью специальных меток языка HTML.

Базовый бланк обрамлён метками <FORM> и </FORM>. Их можно вставить в любом месте тела страницы. Остальные относящиеся к бланку метки помещаются между метками <FORM> и </FORM>.

Метка <FORM> всегда содержит два атрибута: ACTION и METHOD указывающих серверу Web, как обрабатывать бланк. Вот как выглядит общий формат:

<FORM ACTION="url" METHOD=METHOD>

</FORM>

Атрибут ACTION сообщает браузеру, куда направлять данные бланка. Почти всегда назначением будет программа (или сценарии), которая обрабатывает данные, а затем предпринимает некоторое действие (action). Часть url является адресом URL страницы Web, которая содержит программу.

Атрибут METHOD указывает браузеру, как посылать данные бланка по адресу URL, определенному атрибутом ACTION. Значением METHOD может быть POST и GET. Предпочтительно всегда использовать метод POST.

Пример сценария для метода POST:

<FORM ACTION=http://hoohoo.ncsa.uiuc.edu/htbin-post/post-query METHOD=POST>.

Пример использования сценария для метода GET:

<FORM ACTION=http://hoohoo.ncsa.uiuc.edu/htbin/query METHOD=GET>.

1.1.1 Кнопка Submit

В бланках есть командные кнопки, которые называются submit (действовать) и reset (отменить).

Кнопка submit в бланке является эквивалентом кнопки ОК диалогового бокса. Когда читатель щелкает на кнопке submit, данные бланка посылаются программе, определенной атрибутом ACTION метки <FORM>. Вот как выглядит простейший формат для кнопки submit:

<INPUT TYPE=SUBMIT>

Все эти тэги помещаются между метками <FORM> и </FORM>. В данном случае атрибут TYPE=SUBMIT заставляет браузер вывести ко­мандную кнопку с отметкой Submit Query (или Submit или Send). Каждый бланк может иметь только одну кнопку submit.

Если стандартная отметка Submit Query вас не устраивает можно образовать свою отметку:

<INPUT TYPE=SUBMIT VALUE=" Отметка ">.

Отметка представляет собой надпись, которая появится на кнопке.

1.1.2 Кнопка Reset

В больших бланках, необходимо предусмотреть для читателей кнопку reset. Эта кнопка очищает все данные из полей бланка и вводит в поля определенные вами значения по умолчанию. Для включения кнопки reset применяется такая метка:

<INPUT TYPE=RESET>

Она создает в бланке командную кнопку с отметкой Reset. Конечно, можно указать и свою отметку, пользуясь атрибутом VALUE:

<INPUT TYPE=RESET VALUE="Отметка">.

1.1.3 Текстовые боксы для однострочного текста

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

<INPUT TYPE=TEXT NАМЕ="Имя_поля">.

Здесь Имя_поля является именем, которое присвоено полю и которое должно быть уникальным для всех полей в бланке.

Например, для создания текстового бокса, который читатель может использовать для ввода своего имени (назовем его First), следует ввести:

<INPUT TYPE=TEXT NAME="First">.

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

Например, следующая строка выводит перед текстовым боксом Имя и читатель знает, что ему нужно вводить своё имя:

Имя: <INPUT TYPE=TEXT NAME="First">.

В текстовых боксах предлагается несколько сервисных опций:

1. Установка принимаемого по умолчанию значения. Если требуется поместить в поле начальный текст, включите в метку <INPUT> атрибут VALUE.

Например, вы хотите узнать адрес URL домашней страницы читателя. Чтобы включить в поле http:// (так как с этого начинается большинство адресов URL), воспользуйтесь такой меткой:

<INPUT TYPE=TEXT NAME="URL" VALUE="http://">.

2. Определение размера бокса. Для определения длины текстового бокса применяется атрибут SIZE. Этот атрибут влияет только на длину бокса, а не на длину вводимых данных.

Например, следующая метка выводит текстовый бокс длиной в 40 символов:

<INPUT TYPE=TEXT NAME="Адрес" SIZE=40>

3. Ограничение длины текста. В стандартный текстовый бокс читатель может вводить любое количество символов. Чтобы ограничить длину вводимых данных, применяется атрибут MAXLENGTH.

Например, следую­щий текстовый бокс используется для ввода возраста читателя, а длина бокса ограничена тремя символами:

<INPUT TYPE=TEXT NАМЕ="Возраст" MAXLENGTH=3>.