- •Санкт – Петербургский Государственный Университет Аэрокосмического приборостроения
- •Тема 10. Карта сайта. 41
- •Тема 11. Таблицы стилей. 45
- •Введение.
- •Тема 1. СтруктураHtml-документов.
- •1.1. Границы документа.
- •1.2. Заголовок документа.
- •1.3. Тело документа.
- •Тема 2. ФорматированиеHtml-документов.
- •2.4. Предварительно отформатированный текст.
- •Тема 3. Форматирование текстаHtml-документов.
- •3.1. Логическое форматирование.
- •3.2. Физическое форматирование.
- •Тема 4. Использование графики вHtml-документах.
- •4.1. Выбор формата графического файла.
- •4.2. Вставка изображения в документ.
- •Тема 5. Ссылки вHtml-документах.
- •5.1. Гипертекст и гипермедиа.
- •5.2. Создание ссылок на документы и файлы.
- •5.3. Ссылки внутри документа.
- •Тема 6. Списки в html-документах.
- •6.6. Дополнительные возможности форматирования списков.
- •Тема 7. Таблицы вHtml-документах.
- •7.1. Основы построения таблиц.
- •7.2. Создание сложной таблицы.
- •7.3. Альтернативные способы представления табличных данных.
- •Тема 8. Кадры (фреймы) вHtml-документах.
- •8.1.Основы создания кадров.
- •8.2. Модификация внешнего вида кадров.
- •8.3. Организация ссылок в кадрах.
- •Тема 9. Формы вHtml-документах.
- •9.1. Что такое формы.
- •9.1.1. Типы управляющих элементов
- •9.2. Работа с формами.
- •9.3. Разработка форм.
- •9.3.1. Элемент input.
- •9.3.2. ЭлементButton.
- •9.3.3. Элементы select, optgroup и option
- •9.3.4. Заранее выбранные варианты
- •9.3.5. ЭлементTextarea
- •9.3.6. Метки.
- •9.3.6.1. Элемент label.
- •9.3.7. Переход фокуса на элемент.
- •9.3.7.1.Переход с помощью клавиши Tab.
- •9.3.7.2. Клавиши доступа.
- •9.3.8.Отправка формы.
- •9.3.8.1. Метод отправки формы.
- •9.3.8.2. Успешные управляющие элементы.
- •9.3.9.Обработка данных формы.
- •Тема 10. Карта сайта.
- •Тема 11. Таблицы стилей.
- •11.1. Псевдоклассы и псевдоэлементы:
- •11.2. Краткое описание языка css.
- •11.3. Некоторые хитрости управления стилями.
- •Приложение 1.Цвета.
9.3.4. Заранее выбранные варианты
Варианты могут быть выбраны заранее. Агенты пользователей должны определять, какие варианты выбраны, следующим образом:
Если ни для одного элемента OPTIONне установлен атрибутselected, ни один вариант заранее не выбран.
Если для одного элемента OPTIONустановлен атрибутselected, этот вариант должен быть выбран зарнее.
Если для элемента SELECTустановлен атрибутmultiple, и для нескольких элементовOPTIONустановлен атрибутselected, они должны быть выбраны заранее.
Считается ошибкой, если для нескольких элементов OPTIONустановлен атрибутоselected, а для элементаSELECTне установлен атрибутmultiple. Агенты пользователей могут по-разному обрабатывать эту ошибку, но не должны заранее выбирать более одного варианта.
Начальный тег: обязателен, Конечный тег: обязателен
Определения атрибутов элемента OPTGROUP
label=text[CS]
Метка группы вариантов.
Атрибуты, определяемые в другом месте:
id,class(идентификаторы в пределах документа)
lang(информация о языке),dir(направление текста)
title(заголовок элемента)
style(встроенная информация о стиле)
disabled(отключенные управляющие элементы ввода)
onfocus,onblur,onchange,onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup(внутренние события)
Примечание. Разработчикам рекомендуется иметь в виду, что в будущих версиях HTML механизм группировки может быть расширен для подержки вложенных групп (т.е. элементы OPTGROUP смогут быть вложенными). Это позволит авторам представлять более сложную иерархию вариантов.
Начальный тег: обязателен, Конечный тег: optional
Определения атрибутов элемента OPTION
selected[CI]
Если этот логический атрибут установлен, этот вариант выбран заранее.
value=cdata[CS]
Определяет исходное значениеуправляющего элемента. Если этот атрибут не установлен,исходное значениеустанавливается равным содержимому элементаOPTION.
label=text[CS]
Позволяет авторам определить более короткую метку для варианта, чем содержимое элемента OPTION. Если этот атрибут определен, агенты пользователей должны использовать его значение вместо содержимого элементаOPTIONв качестве метки варианта.
Атрибуты, определяемые в другом месте
id,class(идентификаторы в пределах документа)
lang(информация о языке),dir(направление текста)
title(заголовок элемента)
style(встроенная информация о стиле)
disabled(отключенные управляющие элементы ввода)
onfocus,onblur,onchange,onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup(внутренние события)
При представлении пункта меню агенты пользователей должны использовать значение атрибутаlabelэлементаOPTIONв качестве выбора. Если этот атрибут не определен, агенты пользователей должны использовать содержимое элементаOPTION.
Атрибут labelэлементаOPTGROUPопределяет метку группы вариантов.
В этом примере мы создадим меню, позволяющее пользователю выбрать, какую из семи программ установить. Первая и вторая программы выбраны заранее, но пользователь может отменить их выбор. Остальные программы заранее не выбраны. Атрибут sizeопределяет, что меню должно занимать 4 строки, хотя пользователь и имеет 7 вариантов. Доступ к другим вариантам должен обеспечиваться с помощью механизма прокрутки.
За элементом SELECTследуют кнопки отправки и сброса.
<FORM action="http://somesite.com/prog/component-select" method="post">
<P>
<SELECT multiple size="4" name="component-select">
<OPTION selected value="Component_1_a">Программа_1</OPTION>
<OPTION selected value="Component_1_b">Программа _2</OPTION>
<OPTION>Программа _3</OPTION>
<OPTION>Программа _4</OPTION>
<OPTION>Программа _5</OPTION>
<OPTION>Программа _6</OPTION>
<OPTION>Программа _7</OPTION>
</SELECT>
<INPUT type="submit" value="Отправить"><INPUT type="reset">
</P>
</FORM>
Успешными будут только выбранные варианты (с использованием имени управляющего элемента"component-select"). Обратите внимание, что, если установлено значение атрибутаvalue, оно определяетисходное значениеуправляющего элемента, в противном случае это будет содержимое элемента.