HTML <select> multiple 속성

HTML <select> 태그

정의와 사용법

multiple 속성은 부울 속성입니다.

존재할 때, 여러 개의 옵션을 한 번에 선택할 수 있습니다.

여러 항목 선택은 다른 운영 체제와 브라우저에서 다르게 동작할 수 있습니다:

  • 윈도우에 대해서: ctrl 키를 누른 상태에서 여러 항목을 선택하세요
  • 맥에 대해서: command 키를 누른 상태에서 여러 항목을 선택하세요

다른 구현 방식과 사용자가 다중 선택이 가능하다는 것을 알릴 필요가 있기 때문에, 다중 선택이 가능한 체크박스를 드롭다운 목록 대신 사용하는 것이 사용자에게 더 친절합니다.

예제

여러 항목 선택이 가능한 드롭다운 목록:

<label for="cars">자동차 브랜드를 선택하세요:</label>
<select name="cars" id="cars" multiple>
  <option value="audi">아우디</option>
  <option value="byd">비아디</option>
  <option value="geely">지리기</option>
  <option value="volvo">볼보</option>
</select>

직접 시도해 보세요

문법

<select multiple>

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원

HTML <select> 태그