在此页

• 属性
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

HTML <option> element is used to define an item contained in a <select> ， <optgroup> ，或 <datalist> element. As such, <option> can represent menu items in popups and other lists of items in an HTML document.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

内容类别	None.
准许内容	Text, possibly with escaped characters (like é ).
Tag omission	The start tag is mandatory. The end tag is optional if this element is immediately followed by another <option> element or an <optgroup> , or if the parent element has no more content.
Permitted parents	A <select> ， <optgroup> 或 <datalist> 元素。
Implicit ARIA role	option
Permitted ARIA roles	No role permitted
DOM 接口	HTMLOptionElement

属性

此元素包括 全局属性 .

被禁用

If this Boolean attribute is set, this option is not checkable. Often browsers grey out such control and it won't receive any browsing event, like mouse clicks or focus-related ones. If this attribute is not set, the element can still be disabled if one of its ancestors is a disabled <optgroup> 元素。

label

This attribute is text for the label indicating the meaning of the option. If the label attribute isn't defined, its value is that of the element text content.

selected

If present, this Boolean attribute indicates that the option is initially selected. If the <option> element is the descendant of a <select> element whose multiple attribute is not set, only one single <option> of this <select> element may have the selected 属性。

value

The content of this attribute represents the value to be submitted with the form, should this option be selected. If this attribute is omitted, the value is taken from the text content of the option element.

范例

见 <select> 范例。

规范

规范	状态	注释
HTML 实时标准 The definition of '<option>' in that specification.	实时标准
HTML5 The definition of '<option>' in that specification.	推荐
HTML 4.01 Specification The definition of '<option>' in that specification.	推荐	初始定义

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
option	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes
被禁用	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes
label	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1 注意事项 完整支持 1 注意事项 注意事项 Before 77, Firefox didn't display the value of the label attribute as option text if element's content was empty. See bug 40545 . 注意事项 Historically, Firefox has allowed keyboard and mouse events to bubble up from the <option> element to the parent <select> element, although this behavior is inconsistent across many browsers. For better Web compatibility (and for technical reasons), they will not bubble up when Firefox is in multi-process mode and the <select> element is displayed as a drop-down list. The behavior is unchanged if the <select> is presented inline and it has either the multiple attribute defined or a size attribute set to more than 1 . Rather than watching <option> elements for events, you should watch for change events on <select> 。见 bug 1090602 了解细节。 注意事项 When Mozilla introduced dedicated content threads to Firefox (through the Electrolysis, or e10s, project), support for styling <option> elements was removed temporarily. Starting in Firefox 54, you can apply foreground and background colors to <option> elements again, using the color and background-color CSS properties. See bug 910022 for more information. Note that this is still disabled in Linux due to lack of contrast (see bug 1338283 for progress on this).	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4 注意事项 完整支持 4 注意事项 注意事项 Before 77, Firefox didn't display the value of the label attribute as option text if element's content was empty. See bug 40545 .	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes
selected	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes
value	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 Yes	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 4	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes

图例

完整支持

完整支持

见实现注意事项。

见实现注意事项。

另请参阅

• Other form-related elements: <form> , <legend> , <label> , <button> , <select> , <datalist> , <optgroup> , <fieldset> , <textarea> , <keygen> , <input> , <output> , <progress> and <meter> .

元数据

• 最后修改： Sep 21, 2020

相关话题

1. <button>
2. <datalist>
3. <fieldset>
4. <form>
5. <input>
6. <label>
7. <legend>
8. <meter>
9. <optgroup>
10. <option>
11. <output>
12. <progress>
13. <select>
14. <textarea>
15. HTML 元素

    1. A
       1. <a>
       2. <abbr>
       3. <acronym>
       4. <address>
       5. <applet>
       6. <area>
       7. <article>
       8. <aside>
       9. <audio>
    2. B
       1. <b>
       2. <base>
       3. <basefont>
       4. <bdi>
       5. <bdo>
       6. <bgsound>
       7. <big>
       8. <blink>
       9. <blockquote>
       10. <body>
       11. <br>
       12. <button>
    3. C
       1. <canvas>
       2. <caption>
       3. <center>
       4. <cite>
       5. <code>
       6. <col>
       7. <colgroup>
       8. <content>
    4. D
       1. <data>
       2. <datalist>
       3. <dd>
       4. <del>
       5. <details>
       6. <dfn>
       7. <dialog>
       8. <dir>
       9. <div>
       10. <dl>
       11. <dt>
    5. E
       1. <em>
       2. <embed>
    6. F
       1. <fieldset>
       2. <figcaption>
       3. <figure>
       4. <font>
       5. <footer>
       6. <form>
       7. <frame>
       8. <frameset>
    7. G H
       1. <h1>
       2. <h2>
       3. <h3>
       4. <h4>
       5. <h5>
       6. <h6>
       7. <head>
       8. <header>
       9. <hgroup>
       10. <hr>
       11. <html>
    8. I
       1. <i>
       2. <iframe>
       3. <img>
       4. <input>
       5. <ins>
       6. <isindex>
    9. J K
       1. <kbd>
       2. <keygen>
    10. L
        1. <label>
        2. <legend>
        3. <li>
        4. <link>
        5. <listing>
    11. M
        1. <main>
        2. <map>
        3. <mark>
        4. <marquee>
        5. <menu>
        6. <menuitem>
        7. <meta>
        8. <meter>
    12. N
        1. <nav>
        2. <nobr>
        3. <noframes>
        4. <noscript>
    13. O
        1. <object>
        2. <ol>
        3. <optgroup>
        4. <option>
        5. <output>
    14. P
        1. <p>
        2. <param>
        3. <picture>
        4. <plaintext>
        5. <pre>
        6. <progress>
    15. Q
        1. <q>
    16. R
        1. <rp>
        2. <rt>
        3. <rtc>
        4. <ruby>
    17. S
        1. <s>
        2. <samp>
        3. <script>
        4. <section>
        5. <select>
        6. <shadow>
        7. <slot>
        8. <small>
        9. <source>
        10. <spacer>
        11. <span>
        12. <strike>
        13. <strong>
        14. <style>
        15. <sub>
        16. <summary>
        17. <sup>
    18. T
        1. <table>
        2. <tbody>
        3. <td>
        4. <template>
        5. <textarea>
        6. <tfoot>
        7. <th>
        8. <thead>
        9. <time>
        10. <title>
        11. <tr>
        12. <track>
        13. <tt>
    19. U
        1. <u>
        2. <ul>
    20. V
        1. <var>
        2. <video>
    21. W
        1. <wbr>
    22. X Y Z
        1. <xmp>