Checked> Олег Попов <BR>

<input type=”CHECKBOX” name=”Roman” value=”Yes”>

Роман Ткачев <BR>

<input type=”CHECKBOX” name=”John” value=”Yes” Checked>Иван Конев

RESET: кнопка сброса

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

SUBMIT: кнопка посыла формы

Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI_программа (или URL), описанная в параметре ACTION. Атрибут VALUE может содержать надпись на кнопке.

Пример:

<input type=”SUBMIT” value=”послать”>

<input type=”RESET” value=”очистить”>

Если в поле формы нужно ввести не одну строку текста, а несколько, элемент <INPUT> заменяют на парный тег TEXTAREA. Например, чтобы создать текстовое поле из 5 строк по 80 символов в каждой, следует набрать следующий код: <TEXTAREA NAME=”Comment” ROWS=5 COLS=80>

</TEXTAREA>

Так как в поле может быть множество строк текста, то текст, что вводится в поле по умолчанию, нельзя задать с помощью атрибута VALUE. Этот текст следует поместить между <TEXTAREA> и </TEXTAREA>:

<TEXTAREA NAME=”Comment” ROWS=5 COLS=80>

Пожалуйста, укажите ваши замечания. </TEXTAREA>

Информация, помещаемая в элемент <TEXTAREA>, не должна содержать разметку HTML и быть простым текстом.

Атрибуты элемента <TEXTAREA>:

NAME=”address”_______имя поля ввода

ROWS=5 _____________ высота поля ввода в символах

COLS=10 _____________ширина поля ввода в символах

WRAP=off _________ не разбивать строки автоматически

virtual ________ разбивать при вводе, но передавать как одну строку

physical _________ разбивать на строки и передавать в таком виде

Парный элемент <SELECT> позволяет создать в форме раскрывающиеся меню и прокручиваемые списки.

Раскрывающиеся меню позволяют пользователю выбрать один вариант из нескольких возможных. Внутри элемента <SELECT> помещается несколько элементов <OPTION>. Они определяют пункты в меню и, как правило, закрывающий тег для них не нужен. Наличие атрибута SELECTED в элементе <OPTION> указывает, какой из пунктов в меню будет выбран по умолчанию. Если ни один из пунктов такого атрибута не имеет, поле считается неопределенным. Когда форма отправляется на обработку, полю присваивается значение, которое стоит после тега <OPTION>.Однако допускается задавать значение пункта меню и с помощью атрибута VALUE. Это значение и будет отправлено при обработке формы на сервер. Пример раскрывающегося меню представлен ниже:

Выберите цвет металлической черепицы

<SELECT NAME=”roofcolor”>

<OPTION VALUE=”red”> Красный

<OPTION VALUE=”blue”> Синий

<OPTION VALUE=”green”>Зеленый

<OPTION VALUE=”brown” SELECTED> Коричневый

</SELECT>

Прокручиваемые списки получаются, если в элементе <SELECT> поставить атрибут SIZE и определить им количество пунктов меню, которые будут выводиться на экран. По умолчанию этот атрибут имеет значение 1, и на экран выводится одиночный список, раскрывающийся по кнопке со стрелкой . Если SIZE присвоить другое положительное число, меню превратится в список с указанным количеством строк.

Для одновременного выбора сразу нескольких значений из списка используется <SELECT> с атрибутом MULTIPLE. Множественный выбор вариантов в списке обычно делается при помощи клавиши ALT. Если выбрано одновременно несколько значений, то серверу передается соответствующее количество параметров NAME=VALUE с одинаковыми значениями NAME, но разными VALUE.

Пример 1(список с одиночным выбором):

<SELECT NAME=”fruit” SIZE=”3>

<option value=”яблоко”> яблоко </option>

<option value=”банан”> банан </option>

<option value=”груша”> груша </option>

<option value=”лимон”> лимон </option>

<option value=”киви”> киви </option>

<option value=”апельсин”> апельсин </option>

</SELECT>

Пример 2(список с множественным выбором):

Ваши любимые фрукты:<br>

<SELECT NAME=”fruit” SIZE=”6” MULTIPLE>

<option value=”яблоко”> яблоко

<option value=”банан”> банан

<option value=”груша”> груша

<option value=”лимон”> лимон

<option value=”киви”> киви

<option value=”апельсин”> апельсин

</SELECT>

Дополнительные типы <INPUT>

HIDDEN: “скрытое” текстовое поле

Поля данного типа не отображаются броузером и не дают пользователю возможность изменять присвоенные данному полю по умолчанию значения. Скрытое поле используется для передачи в CGI-программу вспомогательной информации: ID пользователя, пароля или другой информации.

IMAGE: графическая кнопка (графический вариант кнопки Submit

Данный тип поля ввода позволяет Вам связывать графический рисунок с именем поля. При нажатии мышью на какую-либо часть рисунка будет немедленно вызвана ассоциированная форме CGI-программа. Все значения атрибута VALUE игнорируются. Само описание картинки осуществляется через атрибут SRC и по параметрам совпадает с тегом <IMG>. Пример: <input type=”image” name=”ED” src=”buttons/win98ready.gif” width=”60” height=”60”>

BUTTON: общая кнопка

Просто кнопка в стиле Reset или Submit, но у которой нет предопределенного действия. Параметр “value=” задает надпись на кнопке. Например, <INPUT type=”button” value “нажми меня” name=”knopka”>

FILE: отправление файлов при помощи форм

В параметрах <FORM> необходимо указать ENCTYPE=”multipart/form-data”. Данная возможность требует поддержки получения файлов WEB-сервером!

Пример:

<FORM ENCTYPE=”multipart/form-data” ACTION=”url” METHOD=”post”>

Отправить данный файл: <INPUT NAME=”userfile” TYPE=”file”>

<P> <INPUT TYPE=”submit” VALUE=“Отправить файл”>

</FORM>

7.2 Использование фреймов

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

Каждый фрейм может иметь следующие свойства:

свой URL, что позволяет загружать его независимо от других фреймов;

собственное имя (параметр NAME), позволяющее переходить к нему из другого фрейма

Данные свойства фреймов позволяют создавать интерфейсные решения, такие как:

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

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

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

7.2.1 Описание фрейма и задание логики взаимодействия фреймов

Фреймовая структура задаётся в одном файле формата HTML с помощью элемента <FRAMESET>, присутствующего вместо <BODY>. Данный элемент определяет набор кадров (фреймов), составляющих документ. Каждые фрейм содержит ссылку на традиционную страницу HTML. Главными атрибутами тега <FRAMESET> являются ROWS и COLS.

Атрибут ROWS содержит список значений, разделенных запятыми, в котором указывается количество и размер строк (горизонтальных областей) в данном наборе фреймов. Количеству пунктов в списке соответствует количество строк. Соответственно атрибут COLS содержит список, в котором указывается количество и размер колонок (вертикальных областей) в данном наборе фреймов. Пункты списка соответствуют колонкам слева направо. Ширина колонки указывается в одном из трех допустимых форматов, причем в списке могут использоваться любые их комбинации. Ширину колонки можно указать в пикселях, в процентах от ширины всего набора фреймов, и, наконец, если использовать значение «*», колонка займет все доступное пространство. Эти же форматы используются и для задания размеров строк. Например, для создания набора фреймов из четырех колонок, ширина первой из которых равна 50 пикселей, вторая занимает 30% экранной площади, а оставшееся пространство делится между третьей и четвертой в соотношении 1/3 к 2/3, следует указать: <FRAMESET COLS=”50, 30%, *, 2*”>

Если сумма заданных в процентах размеров превышает 100%, то размеры будут изменены пропорционально. Приоритеты в задании размеров:

в первую очередь фрейм с абсолютным значением;

во вторую - со значением в процентах;

в третью - с относительным значением;

Другие атрибуты элемента <FRAMESET>:

border=10 толщина рамки;

bordercolor=”Black” цвет рамки;

frameborder = yes | no выводить или нет границы фрейма (броузер Internet Explorer поддерживает также значения 1 и 0);

framespacing=”20” расстояние в пикселах между фреймами.

Для создания фрейма и задания его параметров используется элемент <FRAME>. Он определяет поименованную область окна (кадр), которая может отображать свое собственное содержание, независимо от содержания других областей. Не требует закрывающего тега. Располагается внутри структуры <Frameset>. Для дальнейшей работы с фреймом необходимо задать его имя в атрибуте Name.

Пример: <frame src=”7777.html” name=”bottom” scrolling=”Yes” noresize marginwidth=”10” marginheight=”10” framespacing=”5” bordercolor=”Blue” frameborder=1>

Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11