HTML <option>: 선택지 요소

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

브라우저 호환성

같이 보기

• 부모 요소 <datalist>, <select>
• 선택지 그룹을 나타내는 <optgroup>