Элемент select control (управление выбором) включает целый ряд составляющих: меню (menu), элемент выбора (select box), выпадающее меню (dropdown menu), группа опций (option group), элемент-список (list box). Выпадающее меню - это элемент управления, опции которого визуально отображаются только при его активизации. Под элементом-списком следует понимать элемент, все или часть альтернатив которого видимы постоянно. Теперь рассмотрим основной синтаксис элемента.
Пример. Любой элемент управления выбором, независимо от способа его отображения на экране, начинается с единого списка элементов. Элемент select содержит отдельные элементы-опции, которые образуют перечень:
<select name="size">
<option valuer's" >Manbin</option>
<option value="m">cpeflHMM</option>
<option value= " 1" >большой</орИоп>
<option valuer"xl">огромный</option>
</select>
На рис. 4.4 показано типичное представление данного элемента управления (в качестве программы просмотра использовалась версия Netscape Navigator 4.72). Продемонстрированы оба состояния элемента: пассивное и активное.
Для преобразования этого вида в элемент-список к элементу select следует добавить атрибут size:
<select name="size" size="4"> <option value="s">Manbffl <option value="m">cpeflHMM <option уа1ие="1">большой <option value="xl">orpoMHbiM </select >
Значение атрибута size в описании элемента list box необязательно должно указывать на общее количество элементов-опций. Если требуется составить перечень из 20 вариантов, задав значение атрибута size равным 5, можно начать с представления первых пяти вариантов. На изображении для просмотра остальных вариантов размещается элемент горизонтальной прокрутки (scrollbar) см. рис. 4.5.
Еще один элемент управления - выбор нескольких вариантов из перечня list box. Это достигается следующим заданием атрибута multiple:
<select name="foo" multiple^"multiple"> ...перечень вариантов...
</select >
Внимание! При работе с этим элементом будьте особенно аккуратны. В процессе выбора опций необходимо удерживать клавишу Ctrl нажатой. Целесообразно использование нескольких элементов check boxes.
Опубликовал vovan666
April 05 2013 12:35:22 ·
0 Комментариев ·
3640 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
