Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Плещёв ИП 2010-04-04 doc.doc
Скачиваний:
108
Добавлен:
13.05.2015
Размер:
5.96 Mб
Скачать

15.2.10. Фреймы

Каждый фрейм оформляется в виде отдельной страницы. Управ­ле­ние фреймами производится из контрольной страницы, которая содержит опи­сание набора (подобие таблицы) фреймов и порядок его заполнения страница­ми путем задания тегов (пп. 15.6.3, 15.6.5):

<FRAMESET>...</FRAMESET>‑ описание таблицы фрей­мов. Этот тег за­меняет тегBODY.

<FRAME>‑ описание отдельного фрей­ма‑ячей­ки таблицы.

Атрибуты тега FRAMESET

Cols/Rows‑ описание вертикальных/горизонтальных фреймов. Описание дается в виде списка чисел (для каждого фрейма его размер в пикселях или в процентах от доступ­но­го экрана) или символа “*” (оставшееся место на экране) через запятую (cols=”15%, 25%, *, 2*”, что равносильноcols=”15%, 25%, 20%, 40%”).

Frameborder‑ ширина границы фрейма в пикселях.

Атрибуты тега FRAME

Frameborder‑ ширина границы фрейма в пикселях.

Marginheight/Marginwidth‑ высота/ширина отступа в пикселях.

Name‑ имя фрейма (начинается с латинской буквы или с цифры).

Noresize‑ запрет на изменение размера (значения нет).

Scrolling‑ наличие (yes), отсутствие или вывод при необходимости по­ло­сы прокрутки.

Src‑URLразмещаемой страницы во фрейм.

Для динамической загрузки страницыв фреймпо ги­перс­сыл­ке (п.15.2.9) в теге <A> пос­ле атрибутаhref, с именем этой страни­цы, указывается атри­бутTargetсо значением имени фрейма, в который она загружается (<P><A><href=”Tovati.htm” target=”rightframe”>Товары </A>).

Если в разделе <HEAD> указать тег <BASETarget=”имя фрейма”>, то по умолчанию все страницы будут загружаться в указанный фрейм.

Атрибут Targetимеет ряд предопределенных имен фреймов: _blank(но­вое окно броузера), _self(окно вызова фрейма), _parent(родительский на­бор фреймов), _top(полное окно броузера, игнорируя все фреймы).

15.2.11. Формы, управляющие элементы

Форма является интерфейсом взаимодействия пользователя с узлом

Теги формы и их атрибуты

<FORM> ... </FORM>‑ начало и окончание описания формы.

Action‑URLсценарий, выполняемый на сервере для обработки дан­ных из формы.

Method‑ способ передачи данных из форм узлу:Get(добавляет ин­фор­мацию из формы кURL, описанному в атрибутеAction),Post(пере­дает дан­ные в теле запроса). Способ определяется провайдером.

<TEXTAREA>...</TEXTAREA>‑начало и окончание текстовой области

Name, Rows, Cols‑ имя области, число строк в области и ее ширина.

<SELECT> ... </SELECT>‑ задание списка значений для выбора

Name, Events,Tabindex, OnFocus, OnBlur, OnChange ­- приведены далее в описании тега <INPUT>.

Sizeчисло значений в окне выбора. ЕслиSizeотсутствует, то будет выпадающий список (п. 15.6.8.4).

Multipleмножественный выбор (значение отсутствует).

Описание каждого элемента списка приводится в теге:

<OPTION атрибуты> элемент [</OPTION>]

Selected, Disabled‑ предварительный выбор, запрет на выбор.

Label‑ более короткая метка варианта выбора.

Value‑ начальное значение элемента

<INPUT>‑ создание управляющих элементов (объектов) в форме.

Alt, Eventsкраткое описание, встроенные события (п.15.2.7).

Accesskeyкомбинация клавиш для активизации объекта при их нажатии, при нажатой клавишеAlt.

Disabledнедоступность (значение отсутствует).

Tabindexномер порядка активизации объекта клавишейTab.

Type, Name, Value ‑ тип, имя, начальное значение (надпись) объекта.

Size‑ ширина объекта в пикселях (дляText,Password‑ в символах).

Maxlength‑ предельное количество символов в объекте.

OnFocus/OnBlur‑ имя сценария, запускаемого при получе­нии/поте­ре фокуса.

OnChange‑ имя сценария, запускаемого при поте­ре фокуса ввода, а его значение было изменено после получения фокуса.

Рассмотрим типы объектов.

Поле ввода (Type=”Text”) позволяет ввести текст из одной строки.

Атрибут без значения ReadOnlyзапрещает изменение значения поля; атри­бутOnSelectзадает имя сценария, выполняемого при выделении текста в поле. Для размещения полей в отдельных строках используется тег <BR>.

Примерполя ввода под именемFamдлиной до сорока символов с умалчи­ваемым значением “Иванов“.

<INPUT TYPE=“TEXT“ NAME=“Fam“ VALUE=“Иванов“ Maxlength=”40”>

Поле ввода пароля (Type=”Password”) аналогично полю ввода, но вводимые символы отображаются на экране звездочками.

Флажки или независимые переключатели (Type=”Checkbox”) поз­во­ляют выбрать возможные варианты. Дополнительный атрибутChecked(без значения) позволяет включить флажок при его описании и определить выбор данного флажка (можно использовать и атрибутValue) в процеду­рах обработки документа (п. 15.6.8.2).

Зависимые переключатели или радиокнопки (Type=”Radio”)ана­ло­гичны флажкам, но выбрать можно только одну из группы этих кнопок. Все кнопки из одной группы дожны иметь оди­на­ковые имена (п. 15.6.8.2).

Кнопка (Type=”Button”) позволяет вызвать про­це­дуры (сценарии) об­работки событий (обычноOnClick), связанных с кнопкой (п. 15.6.8.1).

Для создания кнопок можно воспользоваться отдельным тегом:

<BUTTON артибуты>содержимое</BUTTON>

Основные атрибуты тега BUTTON: Name, Disabled, Type (button, submit, reset), Accesskey, Tabindex, Events, OnFocus, OnBlur.

Содержимым могут быть и другие теги, например теги изображений.

Примеркнопки с изображением

<HTML><HEAD><TITLE>Работа с кнопкой</TITLE>

<SCRIPT LANGUAGE=“VBScript“>

Sub ClickKnopka1: Alert “Щелчок“: End Sub </SCRIPT></HEAD>

<BODY> <FORM NAME=“Form1“>

<BUTTON name=“knopka1“ value=“Кнопка1“ type=“button“

Onclick=“ClickKnopka1“ Accesskey=“k“> OK

<IMG src=“c:\WIN98\circles.bmp“ width=“50“ height=“50“ Alt=“Кольца“>

</BUTTON></FORM>

</BODY>

</HTML>

Кнопка передачи (Type=”Submit”, Type=”Image”) под­тверждает выбор и от­пра­вляет данные на сервер (п. 15.6.8.1). Графический вид этой кнопки задается типомImage, изображение ‑ атрибутомSrc=”URL”.

Кнопка сброса (Type=”Reset”) обеспечивает сброс текущих значе­ний объектов и установку умалчиваемых значений (п. 15.6.8.4).

Кнопка выбора файла (Type=”File”) выводит окно выбора файла.

Скрытый объект (Type=”Hidden”) без изображения на экране. Обычно использутся для автоматического ввода дополнительных данных.