Тег SELECT

  Парный блочный тег SELECT предназначен для создания на Web-странице пользовательского интерфейса в виде раскрывающегося списка для выбора.
  Такой список формируется перечислением элементов тега OPTION, задающих значения пунктов списка, внутри элемента тега SELECT.

  Размер поля элемента тега SELECT и вид списка, который формирует этот элемен, определяются значениями его атрибутов SIZE и MULTIPLE.

  Элемент тега SELECT можно логически связать с формой.
  Такая связь производится либо размещением элемента тега SELECT в элементе тега FORM, либо с помощью соответствующих атрибутов этих тегов. И в этом случае, элемент интерфейса, созданный тегом SELECT становится элементом формы данных.

  Внутренний контент элемента тега SELECT ни как не отображается на Web-странице. Однако связанные с этим элементом атрибуты стилей наследуются соответствующими элементами тегов OPTGROUP и OPTION.
  Атрибуты:
  ACCESSKEY - Устанавливает, что список может быть активирован (готов к выбору пунктов) не только мышкой, но и с помощью некоторой комбинации клавиш клавиатуры.

  • Значение:

    • Латинская буква или цифра.
        К примеру комбинации клавиш для активации списка буквой "C":
      • Internet Explorer - Alt + C
      • Chrome - Alt + C
      • Opera - Shift + Esc + C
      • Safari - Alt + C
      • Firefox - Shift + Alt + C

  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  AUTOFOCUS - Устанавливает активацию списка (готовность к выбору пунктов) сразу после загрузки HTML-документа, без предварительного выбора его элемента мышкой.

  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  DISABLED - Устанавливает блокировку доступа пользователя к списку.
  На Web-странице поле элемента отображается серым и список не раскроется. Скрипт может активировать список.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  FORM - Связывает этот список с формой когда элемент тега SELECT располагается за пределами элемента тега FORM.
  Значение должно совпадать со значением атрибута ID соответствующего элемента тега FORM.
  MULTIPLE - Устанавливает возможность выбора сразу нескольких пунктов списка.
  При наличии этого атрибута браузер отображает, так называемый, список множественного выбора.
  Вид такого списка зависит от значения атрибута SIZE и самого браузера.
  Для выбора нескольких пунктов списка применяются клавиши Ctrl + Shift совместно с курсором мышки.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  NAME - Устанавливает имя списка.
  Используется для идентификации значения формализованного элементом, которое будет отправлено на сервер или скрипту в составе формы.
  В отсылаемом коде для каждого, выбранного пользователем элемента формы, браузером формируется пара:

    Значение атрибута NAME = Значение атрибута VALUE
  У тега SELECT нет своего атрибута VALUE поскольку список формируется из пунктов создаваемыми элементами тега OPTION. Значение внутреннего текстового контента этого элемента - выбранного пункта списка и используется для этого элемента формы.
  REQUIRED - Устанавливает обязательный для выбора список.
  Пользователь обязан выбрать хоть бы один пункт списка, запрошенный этим элементом формы, в противном случае форма отправлена не будет, а браузер выведет напоминание.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  SIZE - Устанавливает количество отображаемых пунктов списка.
  Если SIZE="1", то список будет раскрываться поверх всего остального контента Web-страницы.
  При добавлении атрибута MULTIPLE, при SIZE="1" список отображается со скроллингом.
  Во всех остальных случаях получается список внутри поля элемента тега SELECT с одним или множественным выбором.
  • Значение:

    • Целое положительное число - количество отображаемых пунктов.

  • Значение по умолчанию - 1.
      При наличии атрибута MULTIPLE равно количеству "дочерних" элементов тега OPTION.
  • Атрибут необязательный.
  TABINDEX - Устанавливает номер этого элемента в общей последовательности элементов гиперссылок (теги A и AREA), элементов интерфейса и элементов сгенерированных объектов в пределах HTML-документа.
  Переход к элементу (списку) по его номеру может быть выполнен с помощью кнопки Tab клавиатуры.


  • Значение:

    • Целое число от – 32 767 до 32 767 - номер в порядке обхода элементов в документе.
        Если указан положительный номер, то он будет определять порядок обхода. То есть сначала фокус ввода (возможность активации клавишей Enter) получит элемент с номером 1, потом с номером 2 и т. д.
        Если указан номер, равный нулю, то обход будет осуществляться в порядке, в котором элемент определен в HTML-коде HTML-документа.
        Если указан отрицательный номер, то этот элемент вообще исключается из порядка обхода. Добраться до него можно будет только мышкой.

  • Значение по умолчанию - 0.
  • Атрибут необязательный.


Пример ■■■■■■■■■■►