HTML <option> 요소<select>, <optgroup>, <datalist> 요소 내의 선택지를 나타냅니다.

불러오는 중...

<label for="pet-select">애완동물:</label>
<select name="pets" id="pet-select">
  <option value="" disabled selected>--선택해주세요--</option>
  <option value="dog"></option>
  <option value="cat">고양이</option>
  <option value="hamster">햄스터</option>
  <option value="parrot">족제비</option>
  <option value="spider">거미</option>
  <option value="goldfish">금붕어</option>
</select>

특성

전역 특성을 포함합니다.

disabled

이 선택지를 고를 수 없도록 하는 불리언 특성입니다. <optgroup>에 속한 경우, 이 특성을 지정하지 않았더라도 <optgroup>disabled로 인해 <option>이 비활성화될 수 있습니다.

label

사용자에게 보여줄 선택지 레이블입니다. 따로 지정하지 않을 경우 요소의 텍스트 내용을 보여줍니다.

selected

이 선택지를 처음에 선택해놓도록 지정하는 불리언 특성입니다. multiple 특성을 지정하지 않은 <select> 요소에 속하는 <option>의 경우, 선택지 중 하나만 selected 특성을 가질 수 있습니다.

value

이 선택지를 선택한 상태로 양식 제출 시 서버에 실제로 전송할 값입니다. 따로 지정하지 않을 경우 요소의 텍스트 내용을 전송합니다.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
disabled
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
label
IEEdgeChromeSafariFirefox
지원121지원1*
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4*지원
selected
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
value
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
MDN BCD에서 가져오는 데이터입니다.

같이 보기

마지막 업데이트:
이 페이지를 오프라인에서 볼 수 있습니다.

sorto.me

CC BY-SA 4.0

based on MDN (contributors)