온라인 도구

참조 매뉴얼

HTML: <option> 태그

: <progress> 태그

웹 폼에서, HTML 요소 <option>는 <select>, <optgroup> 또는 <datalist> 요소에 포함된 항목을 정의하는 데 사용됩니다. <option>는 팝업 창과 html 문서의 다른 목록 항목에서 메뉴 항목을 표시할 수 있습니다.

온라인 예제 3 선택 목록을 만들기 위해

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML option 태그 사용(기본 튜토리얼 웹 w3(codebox.com)</title>
</head>
<body>
　　<label for="tutorial_choice">Tutorials:　</label>
　　<select id="tutorial_choice">
　　　　<option value="html">HTML</option>
　　　　<option value="css">CSS</option>
　　　　<option value="sql">SQL</option>
　　</select>
</body>
</body>
</html>

테스트를 보세요 ‹/›

이 HTML5문서 예제에서는 <select> 태그를 사용하여 세 가지 드롭다운 값을 목록을 만들었습니다-HTML, CSS, 및 SQL. 이 값은 사용자가 선택할 수 있는 드롭다운 목록으로 표시됩니다。

브라우저 호환성

IEFirefoxOperaChromeSafari

대부분의 주요 브라우저는 <option> 태그를 지원합니다。

라벨 정의 및 사용 설명

<option> 태그는 드롭다운 목록中的一个选项（一个条目）을 정의합니다.

<option> 태그의 내용은 <select> 또는<datalist> 한 요소 사용

속성

속성	값	설명
disabled	disabled	이 옵션을 로드할 때 마다 비활성화되도록 정의합니다.
label	text	optgroup을 사용할 때 사용되는 레이블을 정의합니다.
selected	selected	옵션(처음에 목록에 표시될 때)이 선택 상태로 표시됩니다.
value	text	서버로 보내는 옵션 값을 정의합니다.

전체 속성

<option> 태그는 전체 속성을 지원하며, 전체 속성 표를 확인하세요 HTML 전체 속성。

이벤트 속성

<option> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성。

HTML: <output> 태그 HTML: <optgroup> 태그