- •Создание форм
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты
- •Спецификация
- •Описание
- •Обязательный атрибут
- •Значение по умолчанию
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты
- •Значение по умолчанию
- •Спецификация
- •Описание
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты
- •Спецификация
- •Описание
- •Синтаксис
- •Значения
- •Значение по умолчанию
- •Атрибуты
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Наличие атрибута multiple сообщает браузеру отображать содержимое элемента <select> как список множественного выбора. Конечный вид списка зависит от используемого атрибута size и браузера. При size="1" Firefox устанавливает высоту списка равной одному пункту, Safari и Chrome игнорируют size, Opera превращает список в «крутилку».
Для выбора нескольких значений списка применяются клавиши Ctrl и Shift совместно с курсором мыши.
Синтаксис
-
HTML
<select multiple>...</select>
XHTML
<select multiple="multiple">...</select>
Значения
Нет.
Значение по умолчанию
По умолчанию этот атрибут выключен.
Пример. Создание списка множественного выбора
HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6
<!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=utf-8">
<title>Тег SELECT, атрибут multiple</title>
</head>
<body>
<form action="handler.php">
<p><select multiple size="1">
<option>Чебурашка</option>
<option>Крокодил Гена</option>
<option>Шапокляк</option>
<option>Крыса Лариса</option>
</select></p>
</form>
</body>
</html>
name
Имя элемента для отправки на сервер или обращения через скрипты.
-
Internet Explorer
Chrome
Opera
Safari
Firefox
6.0
7.0
8.0
9.0
10.0
11.0
12.0
13.0
9.2
9.6
10.0
11.0
2.0
3.1
4.0
5.0
3.0
4.0
5.0
6.0
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Определяет уникальное имя элемента <select>. Как правило, это имя используется для доступа к данным через скрипты или для получения выбранного значения списка на сервере.
Синтаксис
<select name="имя">...</select>
Значения
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу <select> по имени соблюдайте ту же форму написания, что и в атрибуте name.
Значение по умолчанию
Нет.
Пример. Обращение к списку по его имени
HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6
<!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=utf-8">
<title>Тег SELECT, атрибут name</title>
<script type="text/javascript">
function dataSelect(f) {
n = f.hero.selectedIndex
if(n) alert("Выбран герой: " + f.hero.options[n].value)
}
</script>
</head>
<body>
<form action="handler.php">
<p><select name="hero">
<option>Выберите героя</option>
<option value="Чебурашка">Чебурашка</option>
<option value="Крокодил Гена">Крокодил Гена</option>
<option value="Шапокляк">Шапокляк</option>
<option value="Крыса Лариса">Крыса Лариса</option>
</select>
<input type="button" value="OK" onClick="dataSelect(this.form)"></p>
</form>
</body>
</html>
size
Количество отображаемых строк списка.
-
Internet Explorer
Chrome
Opera
Safari
Firefox
6.0
7.0
8.0
9.0
10.0
11.0
12.0
13.0
9.2
9.6
10.0
11.0
2.0
3.1
4.0
5.0
3.0
4.0
5.0
6.0
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Устанавливает высоту списка. Если значение атрибута size равно единице, то список превращается в раскрывающийся. При добавлении атрибута multiple к тегу <select> при size="1" список отображается как «крутилка». Во всех остальных случаях получается список с одним или множественным выбором.
Синтаксис
<select size="число">...</select>
Значения
Любое положительное целое число.
Значение по умолчанию
Зависит от атрибута multiple. Если он присутствует, то размер списка равен количеству элементов. Когда атрибута multiple нет, то по умолчанию значение атрибута size равно 1.
Пример. Высота списка
HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6
<!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=utf-8">
<title>Тег SELECT, атрибут multiple</title>
</head>
<body>
<form action="handler.php">
<p><select size="1">
<option selected>Выберите героя</option>
<option>Чебурашка</option>
<option>Крокодил Гена</option>
<option>Шапокляк</option>
<option>Крыса Лариса</option>
</select></p>
</form>
</body>
</html>
Также для этого тега доступны универсальные атрибуты и события.
Тег <option>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Тег <option> определяет отдельные пункты списка, создаваемого с помощью контейнера <select>. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Синтаксис
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>
Закрывающий тег
Не обязателен.
Пример. Использование тега <option>
HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6
<!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=utf-8">
<title>Тег OPTION</title>
</head>
<body>
<form action="option1.php">
<p><select size="3" name="hero">
<option disabled>Выберите героя</option>
<option value="t1" selected>Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option value="t4">Крыса Лариса</option>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>