Главная » HTML5 » Форма » Элемент select
17 0  

Элемент select

The HTML <select> element represents a control that provides a menu of options:

- Заготовка формы

====

Типичное использование <select> когда ему дается атрибут id, позволяющий связать его с <label> для целей доступности, а также атрибут name, представляющий имя связанной точки данных, переданной на сервер. Каждый пункт меню определяется элементом <option>, вложенным в <select>.


Каждый элемент <option> должен иметь атрибут value, содержащий значение данных для отправки на сервер при выборе этой опции. Если атрибут value не включен, значением по умолчанию является текст, содержащийся внутри элемента. Вы можете включить выбранный атрибут в элемент <option>, чтобы он был выбран по умолчанию при первой загрузке страницы.


Элемент <select> имеет несколько уникальных атрибутов, которые вы можете использовать для управления им, например, несколько, чтобы указать, можно ли выбирать несколько параметров, и размер, чтобы указать, сколько параметров следует отображать одновременно. Он также принимает большинство общих атрибутов ввода формы, таких как обязательный, отключенный, автофокус и т.д.


Вы можете дополнительно вложить элементы <option> в элементы <optgroup>, чтобы создать отдельные группы параметров внутри раскрывающегося списка.

<label>Please choose one or more pets:
  <select name="pets" multiple size="4">
    <optgroup label="4-legged pets">
      <option value="dog">Dog</option>
      <option value="cat">Cat</option>
      <option value="hamster" disabled>Hamster</option>
    </optgroup>
    <optgroup label="Flying pets">
      <option value="parrot">Parrot</option>
      <option value="macaw">Macaw</option>
      <option value="albatross">Albatross</option>
    </optgroup>
  </select>
</label>



==

Спецификация - смотреть

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019