option
Тег option
задает опции в списке select
.
Пример:
Таблица 3×3
Lorem ipsum dolor sit amet, consectetur adipisicing elit |
... |
... |
... |
... |
... |
... |
... |
... |
<table>
<caption>Таблица 3×3</caption>
<col/>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Атрибуты:
accesskey,
class,
contenteditable,
contextmenu,
dir,
disabled,
draggable,
hidden,
id,
label,
lang,
onabort,
onblur,
oncanplay,
oncanplaythrough,
onchange,
onclick,
oncontextmenu,
ondblclick,
ondrag,
ondragend,
ondragenter,
ondragleave,
ondragover,
ondragstart,
ondrop,
ondurationchange,
onemptied,
onended,
onerror,
onfocus,
onformchange,
onforminput,
oninput,
oninvalid,
onkeydown,
onkeypress,
onkeyup,
onload,
onloadeddata,
onloadedmetadata,
onloadstart,
onmousedown,
onmousemove,
onmouseout,
onmouseover,
onmouseup,
onmousewheel,
onpause,
onplay,
onplaying,
onprogress,
onratechange,
onreadystatechange,
onscroll,
onseeked,
onseeking,
onselect,
onshow,
onstalled,
onsubmit,
onsuspend,
ontimeupdate,
onvolumechange,
onwaiting,
selected,
spellcheck,
style,
tabindex,
title,
value,
xml:base,
xml:id,
xml:lang,
xml:space.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
accesskey |
|
|
|
|
|
|
|
|
|
|
|
class |
|
|
|
|
|
|
|
|
|
|
|
contenteditable |
|
|
|
|
|
|
|
|
|
|
|
contextmenu |
|
|
|
|
|
|
|
|
|
|
|
dir |
|
|
|
|
|
|
|
|
|
|
|
disabled |
|
|
|
|
|
|
|
|
|
|
|
draggable |
|
|
|
|
|
|
|
|
|
|
|
hidden |
|
|
|
|
|
|
|
|
|
|
|
id |
|
|
|
|
|
|
|
|
|
|
|
label |
|
|
|
|
|
|
|
|
|
|
|
lang |
|
|
|
|
|
|
|
|
|
|
|
onabort |
|
|
|
|
|
|
|
|
|
|
|
onblur |
|
|
|
|
|
|
|
|
|
|
|
oncanplay |
|
|
|
|
|
|
|
|
|
|
|
oncanplaythrough |
|
|
|
|
|
|
|
|
|
|
|
onchange |
|
|
|
|
|
|
|
|
|
|
|
onclick |
|
|
|
|
|
|
|
|
|
|
|
oncontextmenu |
|
|
|
|
|
|
|
|
|
|
|
ondblclick |
|
|
|
|
|
|
|
|
|
|
|
ondrag |
|
|
|
|
|
|
|
|
|
|
|
ondragend |
|
|
|
|
|
|
|
|
|
|
|
ondragenter |
|
|
|
|
|
|
|
|
|
|
|
ondragleave |
|
|
|
|
|
|
|
|
|
|
|
ondragover |
|
|
|
|
|
|
|
|
|
|
|
ondragstart |
|
|
|
|
|
|
|
|
|
|
|
ondrop |
|
|
|
|
|
|
|
|
|
|
|
ondurationchange |
|
|
|
|
|
|
|
|
|
|
|
onemptied |
|
|
|
|
|
|
|
|
|
|
|
onended |
|
|
|
|
|
|
|
|
|
|
|
onerror |
|
|
|
|
|
|
|
|
|
|
|
onfocus |
|
|
|
|
|
|
|
|
|
|
|
onformchange |
|
|
|
|
|
|
|
|
|
|
|
onforminput |
|
|
|
|
|
|
|
|
|
|
|
oninput |
|
|
|
|
|
|
|
|
|
|
|
oninvalid |
|
|
|
|
|
|
|
|
|
|
|
onkeydown |
|
|
|
|
|
|
|
|
|
|
|
onkeypress |
|
|
|
|
|
|
|
|
|
|
|
onkeyup |
|
|
|
|
|
|
|
|
|
|
|
onload |
|
|
|
|
|
|
|
|
|
|
|
onloadeddata |
|
|
|
|
|
|
|
|
|
|
|
onloadedmetadata |
|
|
|
|
|
|
|
|
|
|
|
onloadstart |
|
|
|
|
|
|
|
|
|
|
|
onmousedown |
|
|
|
|
|
|
|
|
|
|
|
onmousemove |
|
|
|
|
|
|
|
|
|
|
|
onmouseout |
|
|
|
|
|
|
|
|
|
|
|
onmouseover |
|
|
|
|
|
|
|
|
|
|
|
onmouseup |
|
|
|
|
|
|
|
|
|
|
|
onmousewheel |
|
|
|
|
|
|
|
|
|
|
|
onpause |
|
|
|
|
|
|
|
|
|
|
|
onplay |
|
|
|
|
|
|
|
|
|
|
|
onplaying |
|
|
|
|
|
|
|
|
|
|
|
onprogress |
|
|
|
|
|
|
|
|
|
|
|
onratechange |
|
|
|
|
|
|
|
|
|
|
|
onreadystatechange |
|
|
|
|
|
|
|
|
|
|
|
onscroll |
|
|
|
|
|
|
|
|
|
|
|
onseeked |
|
|
|
|
|
|
|
|
|
|
|
onseeking |
|
|
|
|
|
|
|
|
|
|
|
onselect |
|
|
|
|
|
|
|
|
|
|
|
onshow |
|
|
|
|
|
|
|
|
|
|
|
onstalled |
|
|
|
|
|
|
|
|
|
|
|
onsubmit |
|
|
|
|
|
|
|
|
|
|
|
onsuspend |
|
|
|
|
|
|
|
|
|
|
|
ontimeupdate |
|
|
|
|
|
|
|
|
|
|
|
onvolumechange |
|
|
|
|
|
|
|
|
|
|
|
onwaiting |
|
|
|
|
|
|
|
|
|
|
|
selected |
|
|
|
|
|
|
|
|
|
|
|
spellcheck |
|
|
|
|
|
|
|
|
|
|
|
style |
|
|
|
|
|
|
|
|
|
|
|
tabindex |
|
|
|
|
|
|
|
|
|
|
|
title |
|
|
|
|
|
|
|
|
|
|
|
value |
|
|
|
|
|
|
|
|
|
|
|
xml:base |
|
|
|
|
|
|
|
|
|
|
|
xml:id |
|
|
|
|
|
|
|
|
|
|
|
xml:lang |
|
|
|
|
|
|
|
|
|
|
|
xml:space |
|
|
|
|
|
|
|
|
|
|
|
Браузерные стили
Chrome |
option { font-weight: normal; }
|
option:disabled { color: GrayText; }
|
firefox 3.6.3 |
optgroup > option { -moz-padding-start: 20px; font-style: normal; font-weight: normal; }
|
option { -moz-user-select: none; display: block; float: none !important; line-height: normal !important; min-height: 1em; position: static !important; text-indent: 0; white-space: nowrap !important; word-wrap: normal !important; }
|
option:checked { background-color: -moz-html-cellhighlight !important; color: -moz-html-cellhighlighttext !important; }
|
option[disabled] { -moz-user-focus: ignore; -moz-user-input: disabled; background-color: transparent; color: GrayText; cursor: inherit; }
|
select > option { -moz-padding-end: 5px; -moz-padding-start: 3px; padding-bottom: 0; padding-top: 0; }
|
select:focus > optgroup > option:checked { background-color: Highlight ! important; color: HighlightText ! important; }
|
select:focus > option:checked { background-color: Highlight ! important; color: HighlightText ! important; }
|
ie6, ie7 |
select option { font: 10pt Arial; }
|
safari 4.0.5 |
option { font-weight: normal; }
|
option:disabled { color: GrayText; }
|