Baseline Widely available
HTML å
ç´ <option>
ç¨äºå®ä¹å¨ <select>
, <optgroup>
æ <datalist>
å
ç´ ä¸å
å«ç项ã<option>
å¯ä»¥å¨å¼¹åºçªå£å HTML ææ¡£ä¸çå
¶ä»é¡¹ç®å表ä¸è¡¨ç¤ºèå项ã
<label for="pet-select">Choose a pet:</label>
<select id="pet-select">
<option value="">--Please choose an option--</option>
<option value="dog">Dog</option>
<option value="cat">Cat</option>
<option value="hamster">Hamster</option>
<option value="parrot">Parrot</option>
<option value="spider">Spider</option>
<option value="goldfish">Goldfish</option>
</select>
label {
font-family: sans-serif;
font-size: 1rem;
padding-right: 10px;
}
select {
font-size: 0.9rem;
padding: 2px 5px;
}
é
ï¼çææ¬<option>
å
ç´ æ<optgroup>
, æè
ç¶å
ç´ æ²¡æå
¶ä»å
容ï¼åç»ææ è®°æ¯å¯éçãoption
role
permitted<select>
, an <optgroup>
or a <datalist>
element.HTMLOptionElement
æ¤å ç´ å æ¬å ¨å±å±æ§ã
disabled
å¦æè®¾ç½®äºè¿ä¸ªå¸å°å±æ§ï¼å该é项ä¸å¯éãæµè§å¨é常ä¼å°è¿ç§æ§ä»¶æ¾ç¤ºä¸ºç°è²ï¼å¹¶ä¸ä¸åæ¥å任使µè§å¨äºä»¶ï¼ä¾å¦é¼ æ ç¹å»æè
ç¦ç¹ç¸å
³çäºä»¶ã妿è¿ä¸ªå±æ§æ²¡æè®¾ç½®ï¼èè¿ä¸ªå
ç´ çå
¶ä¸ä¸ä¸ªç¶å
ç´ æ¯è¢«ç¦ç¨ç <optgroup>
å
ç´ ï¼åè¿ä¸ªå
ç´ ä»ç¶æ¯ç¦ç¨çã
label
è¿ä¸ªå±æ§æ¯ç¨äºè¡¨ç¤ºé项å«ä¹çææ¬ã妿 label
屿§æ²¡æå®ä¹ï¼å®çå¼å°±æ¯å
ç´ ææ¬å
容ã
selected
è¿ä¸ªå¸å°å±æ§å卿¶è¡¨æè¿ä¸ªé项æ¯å¦ä¸å¼å§å°±è¢«éä¸ã妿 <option>
å
ç´ æ¯ <select>
å
ç´ çåå
ç´ ï¼å¹¶ä¸ <select>
å
ç´ ç multiple
屿§æ²¡æè®¾ç½®ï¼å <select>
å
ç´ ä¸åªæä¸ä¸ª <option>
å
ç´ å¯ä»¥æ¥æ selected
屿§ã
value
è¿ä¸ªå±æ§çå¼è¡¨ç¤ºè¯¥é项被é䏿¶æäº¤ç»è¡¨åçå¼ã妿çç¥äºè¿ä¸ªå±æ§ï¼å¼å°±ä»é项å ç´ çææ¬å 容ä¸è·åã
åè§ <select>
示ä¾ã
<form>
, <legend>
, <label>
, <button>
, <select>
, <datalist>
, <optgroup>
, <fieldset>
, <textarea>
, <input>
, <output>
, <progress>
å <meter>
ãRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4