Атрибут form тега | HTML справочник
HTML тег <select>Значение и применение
Атрибут form (HTML тега <select>) задает одну, или несколько форм (тег <form>) к которым элемент принадлежит.
Если этот атрибут задан, то его значение должно быть идентификатором (глобальный атрибут id) элемента формы (тег <form>) в том же документе. Это позволяет размещать элементы <select> в любом месте в документе, а не только как потомки элементов формы (вложенные внутри элемента формы).
Поддержка браузерами
Синтаксис:
<select form = form_id>
Значения атрибута
| Значение | Описание |
|---|---|
| form_id | Значение должно быть идентификатором (глобальный атрибут id) элемента формы (тег <form>) в том же документе. |
Отличия HTML 4.01 от HTML 5
Атрибут считается новым в HTML5.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования атрибута form HTML тега <select></title> </head> <body> <select form = "userInput"> <!--задаем форму к которой элемент принадлежит --> <option value = "">Empty String</option> <!-- в качестве значения пустая строка--> <option value = "1">1</option> <option value = "2">2</option> <option value = "3">3</option> </select><br><br> <form action = "#" id = "userInput"> <!-- указываем, куда отправляется форма и задаем id --> <input type = "submit"> <!--поле, которое определяет кнопку отправки формы --> </form> </body> </html>
В этом примере мы создали выпадающий список (тег <select>) за пределами формы, и с использованием атрибута form мы указали, что он принадлежит к форме (тег <form>), которая имеет значение «userInput» глобального атрибута id.
Результат нашего примера:
Пример использования атрибута form HTML тега <select>.HTML тег <select>Атрибут required тега | HTML справочник
HTML тег <select>Значение и применение
Логический атрибут required (HTML тега <select>) указывает, что пользователь должен выбрать значение перед отправкой формы.Поддержка браузерами
Синтаксис:
<select required>
Значения атрибута
| Значение | Описание |
|---|---|
| required | Значение атрибута требуется только в XHTML (<select required = «required»>). |
Отличия HTML 4.01 от HTML 5
Атрибут считается новым в HTML5.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования атрибута required HTML тега <select></title> </head> <body> <form action = "#"> <!-- указываем, куда отправляется форма --> <select required> <!--указываем, что в списке должно быть выбрано значение перед отправкой формы --> <option value = "">Empty String</option> <!-- в качестве значения пустая строка--> <option value = "1">1</option> <option value = "2">2</option> <option value = "3">3</option> </select> <input type = "submit"> <!--поле, которое определяет кнопку отправки формы --> </form> </body> </html>
В этом примере мы создали выпадающий список внутри формы, для него мы указали, что перед её отправкой пользователь должен выбрать из него любое значение. Обращаю Ваше внимание, что пустая строка в качестве значения не подходит, в этом случае пользователь получит информацию, что необходимо выбрать один пункт из списка.
Результат нашего примера:
Пример использования атрибута required HTML тега <select>.HTML тег <select>Атрибут multiple тега | HTML справочник
HTML тег <select>Значение и применение
Логический атрибут multiple (HTML тега <select>) указывает, что может быть выбрано несколько вариантов сразу (через Ctrl в Windows и через Command в Mac).
Поддержка браузерами
Синтаксис:<select multiple>
Значения атрибута
| Значение | Описание |
|---|---|
| multiple | Значение атрибута требуется только в XHTML (<select multiple = «multiple»>). |
Отличия HTML 4.01 от HTML 5
Нет.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования атрибута multiple HTML тега <select></title> </head> <body> <select name = "firstlist" disabled> <!-- список отключен --> <option value = "1">1</option> <option value = "2">2</option> <option value = "3">3</option> </select> <select name = "secondlist" multiple> <!-- список с возможностью выбора нескольких значений --> <option value = "A">A</option> <option value = "B">B</option> <option value = "C">C</option> <option value = "D">D</option> </select> </body> </html>
В этом примере мы создали два раскрывающихся списка. Для первого списка мы использовали атрибут disabled, который не дает взаймодействовать со списком (отключает его).
Для второго списка мы использовали атрибут multiple, который указывает, что допускается выбрать в списке несколько вариантов сразу (через Ctrl в Windows и через Command в Mac).
В браузере это выглядит следующим образом:
Пример использования атрибута multiple HTML тега <select> (выбор нескольких значений).HTML тег <select>HTML тег select | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 23.01.2011
Тег <select> (с англ. выделение) — тег-контейнер, для тегов <option>, создает элемент выбора значений.
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<select>
<option>...</option>
</select>
Атрибуты
Основные Вспомогательные События| acceskey | горячая клавиша (+Alt) для элемента |
|---|---|
| class | определяет имя используемого класса |
| dir | определяет направление символов:
|
| disabled | флаг. Делает спискок неактивным. Не поддерживается в IE |
| id | уникальный идентификатор |
| lang | определяет используемый язык |
| multiple | флаг. Разрешает одновременный выбор нескольких элементов списка |
| name | уникальное имя списка |
| onblur | потеря фокуса элементом |
| onchange | потеря фокуса элементом при условии, что его содержимое изменилось |
| onclick | щелчок на элементе |
| ondblclick | двойной щелчок на элементе |
| onfocus | получение фокуса элементом |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| onselect | выделение какого-либо текста в текстовом поле |
| size | количество одновременно отображаемых строк |
| style | задает встроенную таблицу стилей |
| tabindex | порядок обхода элементов с помощью Tab |
| title | всплывающая подсказка |
| value | значение выбранное пользователем в списке. Отсутствует в спецификации HTML 4.01! |
Пример
Обычный выпадающий список:
<select>
<option selected="selected">Прямоугольник</option>
<option>Квадрат</option>
<option>Ромб</option>
</select>
Развернутый список с множественным выбором (чтобы выбрать одновременно несколько значений, удерживайте ctrl (или shift) и кликните по нескольким значениям):
<select multiple="multiple" size="3">
<option>Красный</optoin>
<option>Зеленый</option>
<option>Синий</option>
</select>
Рекомендации по использованию
- закрывающий тег обязателен (</select>)
- должен содержать теги <option> и <optgroup> — элементы списка
- обязательных атрибутов нет
Если вы планируете отправлять результат выбора на сервер, нужно заключить тег в контейнер <form>.
Твой код:
<html> <head> <title></title> </head> <body> <div> <select> <option selected=»selected»>Прямоугольник</option> <option>Квадрат</option> <option>Ромб</option> </select> </div> <div> <select multiple=»multiple» size=»3″> <option>Красный</option> <option>Зеленый</option> <option>Синий</option> </select> </div> </body> </html> Сделай код и жми тутРезультат:
большой полигонПо теме
HTML тег select | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 03.03.2009
Тег <select> (с англ. выделение) — тег-контейнер, для тегов <option>, создает элемент выбора значений.
Строчный элемент.
Синтаксис
<select>
<option>...</option>
</select>
Атрибуты
Основные Вспомогательные События
| acceskey | горячая клавиша (+Alt) для элемента |
|---|---|
| class | определяет имя используемого класса |
| dir | определяет направление символов:
|
| disabled | флаг. Делает спискок неактивным. Не поддерживается в IE |
| id | уникальный индетификатор |
| lang | определяет используемый язык |
| multiple | флаг. Разрешает одновременный выбор нескольких элементов списка |
| name | уникальное имя списка |
| onblur | потеря фокуса элементом |
| onchange | потеря фокуса элементом при условии, что его содержимое изменилось |
| onclick | щелчек на элементе |
| ondblclick | двойной щелчек на элементе |
| onfocus | получение фокуса элементом |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| onselect | выделение какого-либо текста в текстовом поле |
| size | количество одновременно отображаемых строк |
| style | задает встроенную таблицу стилей |
| tabindex | порядок обхода элементов с помощью Tab |
| title | всплывающая подсказка |
| value | значение выбранное пользователем в списке. Отсутствует в спецификации HTML 4.01! |
Пример
Обычный выпадающий список:
<select>
<option selected="selected">Прямоугольник</option>
<option>Квадрат</option>
<option>Ромб</option>
</select>
Развернутый список с множественным выбором (чтобы выбрать одновременно несколько значений, удерживайте ctrl (или shift) и кликните по нескольким значениям):
<select multiple="multiple" size="3">
<option>Красный</optoin>
<option>Зеленый</option>
<option>Синий</option>
</select>
Рекомендации по использованию
- закрывающий тег обязателен (</select>)
- должен содержать теги <option> и <optgroup> — элементы списка
- обязательных атрибутов нет
Если вы планируете отправлять результат выбора на сервер, нужно заключить тег в контейнер <form>.
Твой код:
<html> <head> <title></title> </head> <body> <div> <select> <option selected=»selected»>Прямоугольник</option> <option>Квадрат</option> <option>Ромб</option> </select> </div> <div> <select multiple=»multiple» size=»3″> <option>Красный</option> <option>Зеленый</option> <option>Синий</option> </select> </div> </body> </html> Сделай код и жми тутРезультат:
большой полигонHTML тег select | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 23.01.2011
Тег <select> (с англ. выделение) — тег-контейнер, для тегов <option>, создает элемент выбора значений.
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<select>
<option>...</option>
</select>
Атрибуты
Основные Вспомогательные События
| acceskey | горячая клавиша (+Alt) для элемента |
|---|---|
| class | определяет имя используемого класса |
| dir | определяет направление символов:
|
| disabled | флаг. Делает спискок неактивным. Не поддерживается в IE |
| id | уникальный идентификатор |
| lang | определяет используемый язык |
| multiple | флаг. Разрешает одновременный выбор нескольких элементов списка |
| name | уникальное имя списка |
| onblur | потеря фокуса элементом |
| onchange | потеря фокуса элементом при условии, что его содержимое изменилось |
| onclick | щелчок на элементе |
| ondblclick | двойной щелчок на элементе |
| onfocus | получение фокуса элементом |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| onselect | выделение какого-либо текста в текстовом поле |
| size | количество одновременно отображаемых строк |
| style | задает встроенную таблицу стилей |
| tabindex | порядок обхода элементов с помощью Tab |
| title | всплывающая подсказка |
| value | значение выбранное пользователем в списке. Отсутствует в спецификации HTML 4.01! |
Пример
Обычный выпадающий список:
<select>
<option selected="selected">Прямоугольник</option>
<option>Квадрат</option>
<option>Ромб</option>
</select>
Развернутый список с множественным выбором (чтобы выбрать одновременно несколько значений, удерживайте ctrl (или shift) и кликните по нескольким значениям):
<select multiple="multiple" size="3">
<option>Красный</optoin>
<option>Зеленый</option>
<option>Синий</option>
</select>
Рекомендации по использованию
- закрывающий тег обязателен (</select>)
- должен содержать теги <option> и <optgroup> — элементы списка
- обязательных атрибутов нет
Если вы планируете отправлять результат выбора на сервер, нужно заключить тег в контейнер <form>.
Твой код:
<html> <head> <title></title> </head> <body> <div> <select> <option selected=»selected»>Прямоугольник</option> <option>Квадрат</option> <option>Ромб</option> </select> </div> <div> <select multiple=»multiple» size=»3″> <option>Красный</option> <option>Зеленый</option> <option>Синий</option> </select> </div> </body> </html> Сделай код и жми тут