HTML 참조 매뉴얼

HTML 태그大全

HTML: <select> 태그

HTML <select> 요소는 사용자가 선택할 수 있는 드롭다운 목록을 만드는 컨트롤을 나타냅니다. 이 드롭DOWN 값은 <select> 태그 내의 <option> 태그 시리즈로 정의됩니다. 이 태그는 일반적으로 <select> 요소로도 알려져 있습니다.

온라인 예제

여러 개의 선택지를 가진 드롭다운 목록을 만드는 방법:

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML select 태그 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
</head>
<body>
<label for="pet-select> 선택하십시오:/label>
<select name="pets" id="pet-select>
　　　　<option value="">--옵션을 선택해 주세요--</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>
</body>
</html>

테스트를 볼 것입니다 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

<select> 요소는 드롭다운 목록을 만드는 데 사용됩니다.
<select> 요소에서 <option> 태그, 이 태그는 드롭다운 값 목록과 사용할 수 있는 선택지를 제공합니다.

기본적으로, <select> 태그의 첫 번째 선택지가 선택된 항목으로 표시됩니다. 사용자는 드롭다운 목록에서 다른 선택지를 선택할 수 있습니다.

안내와 주의사항

안내:<select> 요소는 양식에서 사용자 입력을 받을 수 있는 양식 컨트롤입니다.

HTML 4.01 HTML과5간의 차이

HTML5 일부 새로운 속성을 추가했습니다.

속성

New : HTML5 에서 추가된 속성.

속성	값	설명
autofocusHTML5	autofocus	페이지 로드 시 드롭다운 목록이 자동으로 포커스를 받습니다.
disabled	disabled	이 속성이 true일 때, 드롭다운 목록이 비활성화됩니다.
formHTML5	form_id	드롭다운 필드가 속한 하나 이상의 양식을 정의합니다.
multiple	multiple	이 속성이 true일 때, 여러 선택 사항을 선택할 수 있습니다.
name	text	드롭다운 목록의 이름을 정의합니다.
requiredHTML5	required	사용자가 양식을 제출하기 전에 드롭다운 목록에서 하나의 선택 사항을 선택해야 합니다.
size	number	드롭다운 목록에서 보이는 선택 사항의 수를 정의합니다.

전반적인 속성

<select> 태그가 지원하는 HTML의 전반적인 속성。

이벤트 속성

<select> 태그가 지원하는 HTML 이벤트 속성。