?
This document uses PHP Chinese website manual Release
HTML<select> 元素是一種表單控件，可創(chuàng)建選項(xiàng)菜單。菜單內(nèi)的選項(xiàng)為<option> , 可以由 <optgroup> 元素分組。選項(xiàng)可以被用戶預(yù)先選擇。
內(nèi)容類別 | flow content, phrasing content, interactive content, listed, labelable, resettable, and submittable form-associated element |
|---|---|
允許的內(nèi)容 | 零個(gè)或多個(gè)<option>或<optgroup>元素。 |
標(biāo)記遺漏 | 沒(méi)有，起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父母 | 任何接受 phrasing content 的元素 |
允許ARIA角色 | menu |
DOM界面 | HTMLSelectElement |
屬性
這個(gè)元素包含全局屬性。
autofocusHTML5這個(gè)屬性能夠讓一個(gè)對(duì)象在頁(yè)面加載的時(shí)候獲得焦點(diǎn). 在一個(gè)頁(yè)面上下文中, 只有一個(gè)對(duì)象可以有這個(gè)屬性，并且是布爾值(true 或者 false).
disabled這個(gè)布爾值的屬性表明一個(gè)用戶是否可以操控該表單對(duì)象. 如果這個(gè)屬性沒(méi)有被明確定義, 則從它的父元素繼承, 例如 fieldset; 如果沒(méi)有父元素設(shè)置 disabled屬性, 那么默認(rèn)該表單對(duì)象 enabled.
formHTML5select所關(guān)聯(lián)的form表單 (它的"表單擁有者"). 如果這個(gè)屬性被明確定義, 那么它的值一定是在同一個(gè)document中表單ID. 這樣能夠讓你把select標(biāo)簽放在任何的位置, 不僅限于作為form表單的后代元素.
multiple這個(gè)布爾值的屬性標(biāo)記select是否可以多選. 默認(rèn)是單選.
name控件名稱
requiredHTML5規(guī)定select的值不能為空(布爾值).
size如果控件顯示為滾動(dòng)列表框，則此屬性表示為控件中同時(shí)可見的行數(shù)。瀏覽器不需要將選擇元素呈現(xiàn)為滾動(dòng)列表框。默認(rèn)值為0
Firefox注意：根據(jù)HTML5規(guī)范，大小的默認(rèn)值應(yīng)該是1; 然而，在實(shí)踐中，這被發(fā)現(xiàn)打破了一些網(wǎng)站，目前沒(méi)有其他的瀏覽器這樣做，所以Mozilla選擇繼續(xù)返回0暫時(shí)與Firefox。
例子
<!-- The second value will be selected initially --> <select name="select"> <!--Supplement an id here instead of using 'name'--> <option value="value1">Value 1</option> <option value="value2" selected>Value 2</option> <option value="value3">Value 3</option> </select>
結(jié)果
Value 1 Value 2 Value 3
注意
這個(gè)元素的內(nèi)容是靜態(tài)的，不可編輯。
規(guī)范
Specification | Status | Comments |
|---|---|---|
HTML Living StandardThe definition of '<select>' in that specification. | Living Standard | |
HTML5The definition of '<select>' in that specification. | Recommendation | |
HTML 4.01 SpecificationThe definition of '<select>' in that specification. | Recommendation |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | (Yes)2 | (Yes) | 13 | (Yes) | (Yes) | (Yes)2 |
autofocus | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
disabled | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
form | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
multiple | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
required | (Yes) | (Yes) | 4 | 10 | (Yes) | (Yes) |
size | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes)1 2 | (Yes)2 | (Yes) | 14 | (Yes) | (Yes) | (Yes)2 |
autofocus | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
disabled | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
form | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
multiple | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
name | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
required | (Yes) | (Yes) | (Yes) | 4 | No | (Yes) | (Yes) |
size | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |