HTML select, option 태그

  다른 뜻에 대해서는 옵션 문서를 참조하십시오.

  다른 뜻에 대해서는 SQL SELECT 문 문서를 참조하십시오.

HTML select Tag

HTML select 태그

HTML option Tag

HTML option 태그

1 select 태그

• 아래로 펼치지는 목록 상자
• 드롭다운 메뉴 또는 리스트박스를 만들 수 있음

2 option 태그

• HTML select 태그 내부의 항목
• HTML에서 드롭다운 메뉴의 항목

3 예시: 드롭다운 1

HTML 드롭다운 메뉴 문서를 참고하십시오.

<select name='fruits'>
  <option value='' selected>-- 선택 --</option>
  <option value='apple'>사과</option>
  <option value='banana'>바나나</option>
  <option value='lemon'>레몬</option>
</select>

4 예시: 드롭다운 2

<select name='fruits'>
  <option value=''>-- 선택 --</option>
  <option value='apple' selected>사과</option>
  <option value='banana' disabled>바나나</option>
  <option value='lemon' label='LM'>레몬</option>
</select>

5 예시: 리스트박스

HTML 리스트박스 문서를 참고하십시오.

<select name='fruits' size='10'>
<option value='' selected>-- 선택 --</option>
<option value='apple'>사과</option>
<option value='banana'>바나나</option>
<option value='lemon'>레몬</option>
</select>

→ size 속성을 붙이면 리스트박스가 된다.

• 예제: http://zetawiki.com/ex/html5/select-listbox.php

6 같이 보기

• HTML 드랍다운 메뉴
• HTML 리스트박스
• HTML SELECT 여러 개 선택
• jQuery select 값으로 선택
• HTML select option 배경색 지정
• 다중 SELECT 선택된 항목 수 세기
• HTML Select Onchange
• HTML option 태그
• 드랍다운 메뉴
• 리스트박스

8 참고 자료

• http://www.w3schools.com/tags/tag_select.asp
• http://www.w3schools.com/tags/tag_option.asp