|
Читайте также: |
<select> - тег используется для создания раскрывающегося списка, из которого можно выбрать элемент. Внутри тега <select> используются теги <option>, предназначенные для задания элементов списка.
Тег <option> имеет следующие атрибуты:
selected – обозначает выбранный (выделенный) элемент списка;
value – значение, ассоциированное с элементом списка.
Текстовое содержимое элемента списка указывается сразу после тега <option>.
Пример создания раскрывающегося списка (рис.1.16):
| Текст HTML-программы | Комментарий |
| <html><head> <title> Раскрывающийся список </title> </head> | |
| <select | Начало создания раскрывающегося списка |
| name=”List1”> | Имя или идентификатор списка |
| <option value=1> | Задание первого элемента списка |
| Первый | Текстовое содержимое первого элемента |
| <option value=2> | Задание второго элемента списка |
| Второй | Текстовое содержимое второго элемента |
| <option value=3> | Задание третьего элемента списка |
| Третий | Текстовое содержимое третьего элемента |
| </select> </html> | Конец создания раскрывающегося списка |
Рис.1.16. Раскрывающийся список
Пример создания иерархического раскрывающегося списка (рис.1.17):
| Текст HTML-программы | Комментарий |
| <html> <head> <title> Раскрывающийся список </title> </head> | |
| <select name=”List2” | Начало создания раскрывающегося списка и идентификатор списка |
| size=5> | Количество одновременно видимых элементов (в данном случае 5) |
| <optgroup | Начало создания элементов списка, которые объединяются в одну группу |
| label='Фрукты'> | Текстовая строка, отображаемая в списке жирным курсивом |
| <option value=1>Яблоки | Задание первого элемента списка группы |
| <option value=2>Груши | Задание второго элемента списка группы |
| </optgroup> | Конец создания элементов списка, которые объединяются в одну группу |
| <optgroup label='Овощи'> | |
| <option value=3> Капуста | |
| <option value=4> Огурцы | |
| <option value=5> Помидоры | |
| <option value=6> Картофель | |
| </optgroup> | |
| </select> | Конец создания раскрывающегося списка |
| </html> |
Рис.1.17. Иерархический список
Дата добавления: 2015-10-02; просмотров: 48 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Элементы интерфейса и формы | | | Текстовая область |