<option>

시도해 보기

<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;
}

특성

이 요소는 전역 특성을 포함합니다.

disabled

지정한 경우 이 옵션을 선택할 수 없습니다. 브라우저에서, 비활성화 옵션은 주로 회색으로 보이며, 클릭과 포커스 등 모든 이벤트를 받지 않습니다. <option>에 disabled 특성을 추가하지 않더라도, <optgroup> 등 조상 요소로 인해 비활성화될 수 있습니다.

label

옵션의 뜻을 나타내는 텍스트. 지정하지 않은 경우, 요소의 텍스트 콘텐츠를 대신 사용합니다.

selected

지정한 경우 초기에 이 옵션을 선택한 상태로 설정합니다. multiple를 지정하지 않은 <select> 요소의 자손인 경우, 하나의 <option>만 selected 특성을 가질 수 있습니다.

value

양식 데이터를 구성할 때 사용할 값. 지정하지 않은 경우, 요소의 텍스트 콘텐츠를 대신 사용합니다.

예제

<select> 요소를 참고하세요.

명세

브라우저 호환성