1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
---
title: <option>
slug: Web/HTML/Element/option
tags:
- опция
- селект
translation_of: Web/HTML/Element/option
---
<div>{{HTMLRef}}</div>
<p><span class="seoSummary"><strong>HTML-элемент <code><option></code></strong> используется для определения пункта списка контейнера {{HTMLElement("select")}}, элемента {{HTMLElement("optgroup")}}, или элемента {{HTMLElement("datalist")}}. Элемент <code><option></code> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.</span></p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Категория содержимого</a></th>
<td>Нет.</td>
</tr>
<tr>
<th scope="row">Разрешённое содержимое</th>
<td>Текст, допускаются <span class="short_text" id="result_box" lang="ru"><span>экранированные символы</span></span> (например <code>&eacute;</code>).</td>
</tr>
<tr>
<th scope="row">Пропуск тега</th>
<td>Открывающий тег обязателен. Закрывающий тег опционален если за этим элементом следует другой элемент <code><option></code>, или элемент {{HTMLElement("optgroup")}}, или если родительский элемент не имеет больше содержимого.</td>
</tr>
<tr>
<th scope="row"><span class="short_text" id="result_box" lang="ru"><span>Разрешённые родители</span></span></th>
<td>Элемент {{HTMLElement("select")}}, элемент {{HTMLElement("optgroup")}} или элемент {{HTMLElement("datalist")}}.</td>
</tr>
<tr>
<th scope="row">Permitted ARIA roles</th>
<td>None</td>
</tr>
<tr>
<th scope="row">DOM interface</th>
<td>{{domxref("HTMLOptionElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Attributes" name="Attributes">Атрибуты</h2>
<p>Как и все HTML-элементы, этот элемент поддерживает <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">глобальные атрибуты</a>.</p>
<dl>
<dt>{{htmlattrdef("disabled")}} -- отключён(о)</dt>
<dd>Если этот Boolean атрибут установлен, эта опция недоступна для выделения. Часто браузеры выделяют такой элемент управления серым цветом и ему недоступны любые события браузера, такие как клики мыши или события, связанные с фокусировкой. Если этот атрибут не установлен, этот элемент все ещё можно отключить (может не работать), если отключён внешний(one of its ancestors) элемент {{HTMLElement("optgroup")}}.</dd>
<dt>{{htmlattrdef("label")}} -- метка, ярлык</dt>
<dd>Этот атрибут - текст ярлыка, отображающий значение(смысл, описание) опции. Если <code>label</code> не указан (отсутствует), то его значение совпадает с текстовым содержанием элемента <code><option></code>.</dd>
<dt>{{htmlattrdef("selected")}} -- выбран(о)</dt>
<dd>(Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент <code><option></code> принадлежит элементу {{HTMLElement("select")}}, чей атрибут {{htmlattrxref("multiple", "select")}} не установлен, только одна-единственная <code><option></code> элемента {{HTMLElement("select")}} может иметь атрибут <code>selected</code> .</dd>
<dt>{{htmlattrdef("value")}} -- значение, величина</dt>
<dd>Содержимое(содержание) этого атрибута отображает(представляет) значение, отправляемое формой, если выбрана(выделена) данная опция. Если (этот) атрибут value отсутствует, значение берётся из текстового содержания элемента <code><option></code>.</dd>
</dl>
<h2 id="Примеры">Примеры</h2>
<p>См. {{HTMLElement("select")}} for examples.</p>
<h2 id="Спецификации">Спецификации</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#the-option-element', '<option>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'forms.html#the-option-element', '<option>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<option>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{Compat("html.elements.option")}}</p>
<h2 id="See_also">See also</h2>
<ul>
<li>Other form-related elements: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
</ul>
|
