지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

단일 또는 다중 선택 메뉴를 생성하는 HTML 태그를 지원합니다.

select 요소는 단일 선택 또는 다중 선택 메뉴를 생성합니다.

요소의

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

속성

새로운 기능: HTML5의 새로운 속성.

属性 值 描述
autofocus（5） autofocus 规定在页面加载后文本区域自动获得焦点。
disabled disabled 规定禁用该下拉列表。
form（5） form_id 规定文本区域所属的一个或多个表单。
multiple multiple 规定可选择多个选项。
name name 规定下拉列表的名称。
required（5） required 规定文本区域是必填的。
size number 规定下拉列表中可见选项的数目。
이 예에서는 HTML 페이지에 간단한 드롭다운 목록 상자를 만드는 방법을 보여줍니다. 드롭다운 목록 상자는 선택 가능한 목록입니다. 
<html>

<body>

<form>
<<span style="color: #0000ff;">select</span> name=<span style="color: #800000;">"</span><span style="color: #800000;">cars</span><span style="color: #800000;">"</span>>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">volvo</span><span style="color: #800000;">"</span>>Volvo</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">saab</span><span style="color: #800000;">"</span>>Saab</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">fiat</span><span style="color: #800000;">"</span>>Fiat</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">audi</span><span style="color: #800000;">"</span>>Audi</option>
</<span style="color: #0000ff;">select</span>>
</form>

</body>
</html>
로그인 후 복사
이 예에서는 미리 선택된 값으로 간단한 드롭다운 목록을 만드는 방법을 보여줍니다. (번역자 주: 미리 선택된 값은 미리 지정된 환경 설정을 나타냅니다.) 
<html>

<body>

<form>
<<span style="color: #0000ff;">select</span> name=<span style="color: #800000;">"</span><span style="color: #800000;">cars</span><span style="color: #800000;">"</span>>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">volvo</span><span style="color: #800000;">"</span>>Volvo</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">saab</span><span style="color: #800000;">"</span>>Saab</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">fiat</span><span style="color: #800000;">"</span> selected=<span style="color: #800000;">"</span><span style="color: #800000;">selected</span><span style="color: #800000;">"</span>>Fiat</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">audi</span><span style="color: #800000;">"</span>>Audi</option>
</<span style="color: #0000ff;">select</span>>
</form>

</body>
</html>
로그인 후 복사

첨부: 개체 선택

선택 개체는 HTML 형식의 드롭다운 목록을 나타냅니다.

HTML 양식에서는