<선택>

HTML <select> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

모든 주요 브라우저 <select> 태그를 지원합니다.

라벨 정의 및 사용 지침

<select> 요소는 드롭다운 목록을 만드는 데 사용됩니다.

<select> 요소의 <option> 태그는 목록에서 사용할 수 있는 옵션을 정의합니다.

팁 및 메모

팁: <select> 요소는 양식에서 사용자 입력을 받아들이는 데 사용할 수 있는 양식 컨트롤입니다.

HTML 4.01과 HTML5의 차이점

HTML5에는 몇 가지 새로운 속성이 추가되었습니다.

Attributes

New: HTML5의 새로운 속성.

Property	Value	Description
autofocusNew	autofocus	은 페이지가 로드될 때 드롭다운 목록에 자동으로 초점이 맞춰지도록 지정합니다.
disabled	disabled	이 속성이 true이면 드롭다운 목록이 비활성화됩니다.
formNew	form_id	선택 필드가 속한 하나 이상의 양식을 정의합니다.
multiple	multiple	이 속성이 true이면 여러 옵션을 선택할 수 있습니다.
name	name	드롭다운 목록의 이름을 정의합니다.
requiredNew	required	는 사용자가 양식을 제출하기 전에 드롭다운 목록에서 옵션을 선택해야 함을 지정합니다.
size	number	드롭다운 목록에 표시되는 옵션 수를 지정합니다.

전역 속성

<select> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<select> 태그는 HTML 이벤트 속성을 지원합니다.