Методические указания1_2 (1084715), страница 10

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 10)

• data="адрес объекта" — URL или относительный адрес, позволяющий загрузить объект;

• archive="список адресов" — аналог атрибута data, позволяющий указывать несколько адресов объекта;

• codetype="тип" — тип объекта (используется совместно с атрибутом classid);

• type="тип" — тип (MIME) объекта;

• declare — объект с таким атрибутом только загружается, но не активизируется;

• standby="текст сообщения" — текст, который выводится на экран, пока загружается объект.

В элементе OBJECT можно также использовать атрибуты: id, class, lang, title, dir, style, tabindex, usemap, name, align,width, height,border, hspace, vspace, атрибуты событий.

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

<OBJECT classid="Идентификатор" data=" Адрес/Имя.тип">

Объект не может, быть показан •

</object>.

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

Например, при невозможности активизировать объект можно вставить в документ изображение, которое в какой-то степени будет его заменять. Это делается по следующему шаблону:

<OBJECT title="Текст всплывающей подсказки"

classid="Адрес/Имя файла объекта.тип">

<OBJECT titles"Другой текст всплывающей подсказки"

data="Имя файла рисунка.gif" type="image/gif">

</object>

</object>

<PARAM>

Этот элемент используется для передачи параметров объекту и размещается внутри элемента APPLET или OBJECT. Шаблон его может быть таким:

<APPLET code="Имя файла, class" width=nnn height=mmm»>

<PARAM name="Имя параметра" value=3начение параметра>

Произвольный текст комментария :

</applet>

Или таким:

<OBJECT classid="Адpec объекта standby=" Загружаем объект... ">

<PARAM name="Имя параметра" value=3начение параметра>

<PARAM name="Имя параметра" value=3начение параметра>

valuetype="Тип параметра">

</object>

Элемент PARAM должен содержать одну или несколько пар атрибутов, определяющих имя параметра (name) и его значение (value). При выполнении апплета прием параметров в нем осуществляется по следующему шаблону:

Переменная=getРагаmеtег("Имя параметра")

Атрибут valuetype может иметь следующие значения:

• data — параметр передается в качестве строки;

• object — параметр является идентификатором объекта;

• ref — значение параметра является ссылкой (URL).

В том случае, когда значение атрибута valuetype равно ref, с помощью атрибута type можно задать тип параметра:

4.4 Общие атрибуты форм

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

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

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

Атрибут

tabindex=номер

позволяет определить, в какой последовательности курсор переходит с поля на поле при нажатии клавиши Tab. На элемент с атрибутом tabindex=1 устанавливается курсор в момент открытия окна браузера.

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

accesskey="R"

Атрибут disabled позволяет сделать элемент формы недоступным. Вид элемента при этом не изменяется, но цвет текста становится более бледным. Недоступный элемент нельзя выбрать или изменить его значение.

Существуют атрибуты событий, которые непосредственно связаны с формами:

• onfocus — элемент получает фокус (выбирается);

• onchange — информация элемента изменена;

• оn blur — элемент теряет фокус.

4.5. Элементы форм

<ISINDEX>

Это самый простой элемент, позволяющий создать подобие формы, то есть конструкции для ведения диалога с пользователем. Он предназначен для ввода строки, содержащей текстовые фрагменты, и генерации запроса. Поле ввода можно дополнить строкой подсказки при помощи аргумента prompt:

<ISINDEX prompt="Строка для ввода критерия поиска">

Данный элемент позволит создать поле ввода, показанное на рис. 4.3. Работа этого элемента связана с определенным на текущей странице базовым URL. Допустим задан базовый адрес:

<BASE href="http: //www. название, домен/путь">

Значение атрибута href должно представлять собой адрес некоторого поискового средства в Интернете. Если пользователь введет в поле элемента ISINDEX последовательность ключевых слов (слово1, слово2, слово3), то браузер сформирует запрос:

http://www.название.домен/?слово1+слово2+слово3

Э
та строка будет отправлена на сервер для активизации поисковой машины. Теоретически этот метод очень удобен, но на практике его применение ограничивается тем, что не все поисковые программы поддерживают стандартный синтаксис запроса, предусматривающего использование знаков «? » и «+ ». Поэтому данный прием годится только для некоторых поисковых серверов. Стандартные атрибуты: id, class, lang, dir, title, style.

Рис. 4.3. Пример использования элемента ISINDEX

< FORM ></form >

Этот элемент необходим для построения достаточно сложных форм. После заполнения формы и подтверждения ввода со стороны пользователя, введенная информация пересылается на сервер и обрабатывается при помощи- CGI-программы, связанной с формой. Атрибут action должен указывать на имя программы, например:

<FORM action="http://www.название.домен/имя программы" method="post">

Элементы формы

</form>

Одним из вариантов обработки формы может быть пересылка данных по электронной почте:

action="mailto:Адрес@cepвep. домен"

С помощью атрибута method можно задать протокол для пересылки данных на сервер. Протокол GET используется по умолчанию, но в большинстве случаев он не удовлетворяет разработчиков, поэтому чаще используется протокол POST. Атрибут enctype позволяет указать способ кодирования содержимого формы. Форму заполняют разные пользователи, поэтому для нее предусмотрен атрибут, который позволяет определить список допустимых кодировок:

accept-charset="список кодировок"

Можно также определить список допустимых типов данных:

accept="список типов данных"

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

onsubmit и onreset.

Стандартные атрибуты: id, class, lang, style, dir, title, target, атрибуты событий

<INPUT>

Этот элемент позволяет создавать различные части формы, такие как флажки, переключатели, поля ввода. Элемент не имеет конечного тега, так как все параметры задаются при помощи атрибутов. Вид элемента определяет атрибут type:

• type="text" — создание поля ввода, в котором можно автоматически разместить произвольный текст, используя атрибут value;

• type="password" — создание поля для ввода пароля, причем введенная информация отображается звездочками;

• type="checkbox" — создание флажка;

• type="radio" — определение одного переключателя. Для создания группы переключателей необходимо использовать несколько элементов INPUT. Вот пример группы из трех переключателей:

<НЗ> Переключатели </h3>

<INPUT type="radio" name="S001" value="Первый">

<INPUT type="radio" name="S001" value="Второй">

<INPUT type-"radio" name="S001" value="Третий" checked>

А
трибут checked определяет, какой из переключателей должен быть выбран по умолчанию. На рис. 4.4 показан внешний вид этой группы переключателей.

Рис. 4.4. Группа переключателей

• type="button" — создание кнопки произвольного назначения;

• type="submit" - создание кнопки, щелчок на которой подтверждает ввод информации в форму. Атрибут value используется для определения надписи на кнопке;

• type=" reset" — тоже кнопка, но для отмены ввода данных в форму;

• type=" image" — создание кнопки с рисунком. Для указания графического файла используется атрибут src. Атрибут align предназначен для позиционирования кнопки с рисунком. Значения атрибута уже неоднократно упоминались: bottom, left, middle, right, top. Пользоваться этим атрибутом в данном случае не рекомендуется, так как не все браузеры его поддерживают;

• type="file" — средство выбора файла для присоединения к форме. Пользователю предлагается записать имя файла в поле ввода. Кроме того, браузер автоматически создает рядом с полем ввода кнопку Обзор, которая позволяет запустить стандартный (для операционной системы) диалог выбора файлов;

• type="hidden" — скрытый от пользователя элемент. Такие элементы используются для того, чтобы включить в набор данных формы некую фиксированную информацию. По сути, это определение имени переменной и ее значения.

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

Атрибут name должен присутствовать во всех элементах INPUT, кроме кнопок подтверждения и сброса. Значение этого атрибута определяет имя поля формы, то есть блока данных, введенных в это поле. Программа сервера по этому имени может выделить необходимые данные.

Область применения атрибута value нам уже известна. Значение атрибута задает значение по умолчанию для поля ввода или определяет надпись на кнопке. Выше было показано, как с помощью атрибута checked создать группу переключателей. Точно таким же способом этот атрибут может быть использован и для флажков. Его наличие показывает, что флажок должен быть установлен по умолчанию. В отличие от переключателей, одновременно может быть установлено любое количество флажков.

Атрибут size позволяет задать длину поля ввода. Длина выражается в символах, но эта величина может быть задана только приближенно. Чтобы разместить в поле ввода определенное количество символов, потребуется подбор значения атрибута. При этом никто не может дать гарантию, что все браузеры обеспечат требуемую длину строки, а не меньшую. Таким образом, длину поля ввода необходимо выбирать с запасом.

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

Атрибут readonly позволяет создать элемент, недоступный для редактирования. Атрибут usemap (см. выше раздел «4.2. Рисунки и карты») может использоваться, если в форме создается карта.

Гак же, как и в FORM, в элементе INPUT можно указывать атрибут accept. Допустимые общие атрибуты: accesskey, tabindex, readonly, disabled. Стандартные атрибуты: id, class, lang, title, dir, style, атрибуты событий.

Используя элементы FORM и INPUT, можно создать объект, который заменит аналогичный объект, созданный на основе элемента ISINDEX. Приведенный ниже код выполняет те же функции, что и код, посвященный элементу ISINDEX (см. рис. 4.3_1):

<FORM action" действие" method="post">

Характеристики

Список файлов книги