<select>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
* Some parts of this feature may have varying levels of support.
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <select> пÑедÑÑавлÑÐµÑ Ñобой ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ ÐºÐ¾ÑоÑÑй ÑодеÑÐ¶Ð¸Ñ Ð¼ÐµÐ½Ñ Ð¾Ð¿Ñий:
| ÐаÑегоÑии ÑодеÑжимого | ÐÑновной поÑок, ÑекÑÑовÑй конÑенÑ, инÑеÑакÑивнÑй конÑенÑ, ÑпиÑоÑнÑй, labelable, ÑбÑаÑÑваемÑй, и submittable form-associated element |
|---|---|
| ÐопÑÑÑимое ÑодеÑжимое | ÐÐ¾Ð»Ñ Ð¸Ð»Ð¸ более <option> или <optgroup> ÑлеменÑÑ. |
| ÐÑопÑÑк Ñегов | ÐÑкÑÑваÑÑий и закÑÑваÑÑий Ñеги обÑзаÑелÑнÑ. |
| ÐопÑÑÑимÑе ÑодиÑели | ÐÑбÑе ÑлеменÑÑ Ð² коÑоÑÑÑ ÑазÑеÑено ÑекÑÑовое ÑодеÑжимое |
| ÐопÑÑÑимÑе ARIA-Ñоли | menu |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLSelectElement |
ÐÑÑибÑÑÑ
ÐÐ»ÐµÐ¼ÐµÐ½Ñ Ð²ÐºÐ»ÑÑÐ°ÐµÑ Ð³Ð»Ð¾Ð±Ð°Ð»ÑнÑе аÑÑибÑÑÑ.
autofocus-
ÐÑÐ¾Ñ Ð°ÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ ÑÑо пÑи загÑÑзке ÑÑÑаниÑÑ Ð´Ð°Ð½Ð½Ñй ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑоÑÐ¼Ñ Ð´Ð¾Ð»Ð¶ÐµÐ½ имеÑÑ ÑокÑÑ Ð²Ð²Ð¾Ð´Ð°, пока полÑзоваÑÐµÐ»Ñ Ð½Ðµ пеÑеопÑÐµÐ´ÐµÐ»Ð¸Ñ ÑÑо, к пÑимеÑÑ Ð¿ÐµÑаÑÐ°Ñ Ð² ÑазнÑÑ ÑлеменÑÐ°Ñ ÑпÑавлениÑ. ТолÑко один ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑоÑÐ¼Ñ Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð¼ÐµÑÑ Ð°ÑÑибÑÑ
autofocus, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑвлÑеÑÑÑ Ð»Ð¾Ð³Ð¸ÑеÑким (бÑлевÑм). disabled-
ÐÑÐ¾Ñ Ð»Ð¾Ð³Ð¸ÑеÑкий аÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ ÑÑо полÑзоваÑÐµÐ»Ñ Ð½Ðµ Ð¼Ð¾Ð¶ÐµÑ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑвоваÑÑ Ñ ÑлеменÑом ÑпÑавлениÑ. ÐÑли аÑÑибÑÑ Ð½Ðµ Ñказан, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð½Ð°ÑледÑÐµÑ Ð½Ð°ÑÑÑойки Ð¾Ñ ÑодеÑжаÑего его ÑлеменÑа, к пÑимеÑÑ
fieldset; еÑли Ñ ÑодиÑелÑÑкого ÑлеменÑа не Ñказан аÑÑибÑÑdisabled, Ñо ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð´Ð¾ÑÑÑпен Ð´Ð»Ñ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑвиÑ. form-
ÐÑÐ¾Ñ Ð°ÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ Ðº какой конкÑеÑно ÑоÑме оÑноÑиÑÑÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ <select> . ÐÑли аÑÑибÑÑ Ñказан, его знаÑением должно бÑÑÑ ID ÑоÑÐ¼Ñ Ð² Ñом же докÑменÑе. ÐÑо позволÑÐµÑ ÑазмеÑаÑÑ ÑлеменÑÑ <select> где Ñгодно в докÑменÑе, а не ÑолÑко как поÑомки ÑоÑм.
multiple-
ÐÑÐ¾Ñ Ð»Ð¾Ð³Ð¸ÑеÑкий аÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ ÑÑо возможен вÑÐ±Ð¾Ñ Ð½ÐµÑколÑÐºÐ¸Ñ Ð¾Ð¿Ñий в ÑпиÑке. ÐÑли даннÑй аÑÑибÑÑ Ð½Ðµ Ñказан, Ñо ÑолÑко одна опÑÐ¸Ñ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð²ÑбÑана.
name-
ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð¸ÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐºÐ°Ð·Ð°Ð½Ð¸Ñ Ð¸Ð¼ÐµÐ½Ð¸ ÑлеменÑа ÑпÑавлениÑ.
required-
ÐÑÐ¾Ñ Ð»Ð¾Ð³Ð¸ÑеÑкий аÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ ÑÑо обÑзаÑелÑно должна бÑÑÑ Ð²ÑбÑана опÑÐ¸Ñ Ð¸ коÑоÑÐ°Ñ ÑодеÑÐ¶Ð¸Ñ Ð½Ðµ пÑÑÑÑÑ ÑÑÑокÑ.
size-
ÐÑли ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑедÑÑавлен как пÑокÑÑÑиваемÑй ÑпиÑок, ÑÑÐ¾Ñ Ð°ÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ ÐºÐ¾Ð»Ð¸ÑеÑÑво ÑÑÑок в ÑпиÑке, коÑоÑÑе Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ Ð²Ð¸Ð´Ð½Ñ Ð·Ð° Ñаз. ÐÑаÑзеÑÑ Ð½Ðµ ÑÑебÑеÑÑÑ Ð¿ÑедÑÑавлÑÑÑ <select> в виде пÑокÑÑÑиваемого ÑпиÑка. ÐнаÑение по ÑмолÑÐ°Ð½Ð¸Ñ 0.
ÐÑимеÑание: СоглаÑно ÑпеÑиÑикаÑии HTML5, знаÑение ÑазмеÑа по ÑмолÑÐ°Ð½Ð¸Ñ Ð´Ð¾Ð»Ð¶Ð½Ð¾ бÑÑÑ 1; однако на пÑакÑике, оказÑваеÑÑÑ ÑÑо ÑÑо поÑÑÐ¸Ñ Ð½ÐµÐºÐ¾ÑоÑÑе веб ÑайÑÑ, и ни один бÑаÑÐ·ÐµÑ Ð½Ðµ пÑидеÑживаеÑÑÑ ÑÑого на даннÑй моменÑ, поÑÑÐ¾Ð¼Ñ Mozilla пÑедпоÑла Ñакже ÑказаÑÑ 0 пока ÑÑо в Firefox.
ÐÑимеÑÑ
<!-- ÐаÑалÑно бÑÐ´ÐµÑ Ð²ÑбÑано вÑоÑое знаÑение -->
<select name="select">
<!--Supplement an id here instead of using 'name'-->
<option value="value1">ÐнаÑение 1</option>
<option value="value2" selected>ÐнаÑение 2</option>
<option value="value3">ÐнаÑение 3</option>
</select>
РезÑлÑÑаÑ
ÐÑимеÑаниÑ
ÐонÑÐµÐ½Ñ ÑÑого ÑлеменÑа ÑÑаÑиÑен и не ÑедакÑиÑÑемÑй.
СпеÑиÑикаÑии
| Specification |
|---|
| HTML > # the-select-element > |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- ÐÑÑгие ÑлеменÑÑ ÑоÑм:
<form>,<legend>,<label>,<button>,<option>,<datalist>,<optgroup>,<fieldset>,<textarea>,<input>,<output>,<progress>and<meter>. - СобÑÑÐ¸Ñ Ð·Ð°Ð¿ÑÑкаемÑе
<select>: change.