Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Тег <select>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования атрибута size тега <select>, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега <option>, который должен быть вложен в контейнер <select>. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Список множественного выбора
Раскрывающийся список
Синтаксис
<select>
 <option>
Пункт 1</option>
 <option>Пункт 2</option>
</select>
Аргументы
disabled - Блокирует доступ и изменение элемента.
multiple - Позволяет одновременно выбирать сразу несколько элементов списка.
name - Имя элемента для отправки на сервер или обращения через скрипты.
size - Количество отображаемых строк списка.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример. Использование тега <select>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SELECT</title>
</head>
<body>
 <form action="select1" method="post">
  <p><select
size="3" multiple name="hero[]">
   <option
disabled>Выберите героя</option>
   <option
value="Чебурашка">Чебурашка</option>
   <option
selected value="Крокодил Гена">Крокодил Гена</option>
   <option
value="Шапокляк">Шапокляк</option>
   <option
value="Крыса Лариса">Крыса Лариса</option>
  </select></p>
  <p><input
type="submit" value="Отправить"></p>
 </form>
</body>
</html>

Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru