"HTML select, option 태그"의 두 판 사이의 차이

2021년 4월 27일 (화) 23:45 기준 최신판

다른 뜻에 대해서는 옵션 문서를 참조하십시오.; 다른 뜻에 대해서는 SQL SELECT 문 문서를 참조하십시오.
HTML select Tag
HTML select 태그

HTML option Tag
HTML option 태그

1 select 태그[ | ]

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

2 option 태그[ | ]

HTML select 태그 내부의 항목
HTML에서 드롭다운 메뉴^[1]의 항목

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='7'>
  <option value='' selected>-- 선택 --</option>
  <option value='apple'>사과</option>
  <option value='banana'>바나나</option>
  <option value='lemon'>레몬</option>
</select>

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

6 같이 보기[ | ]

7 참고[ | ]

↑ 또는 리스트박스
↑ 물론 값이 2이상이어야 함

[1] 또는 리스트박스

[2] 물론 값이 2이상이어야 함

[1]

[2]

@@ 1번째 줄: / 1번째 줄: @@
+{{다른뜻|옵션}}
 {{다른뜻|SQL SELECT 문}}
-==개요==
 ;HTML select Tag
 ;HTML select 태그
+;HTML option Tag
+;HTML option 태그
+==select 태그==
 * 아래로 펼치지는 목록 상자
 * [[드롭다운 메뉴]] 또는 [[리스트박스]]를 만들 수 있음
-==기본: 드롭다운 메뉴==
+==option 태그==
+*HTML select 태그 내부의 항목
+*HTML에서 드롭다운 메뉴<ref>또는 리스트박스</ref>의 항목
+==예시: 드롭다운 1==
 {{참고|HTML 드롭다운 메뉴}}
-<source lang='html5'>
+<syntaxhighlight lang='html' run>
 <select name='fruits'>
-<option value='' selected>-- 선택 --</option>
+  <option value='' selected>-- 선택 --</option>
-<option value='apple'>사과</option>
+  <option value='apple'>사과</option>
-<option value='banana'>바나나</option>
+  <option value='banana'>바나나</option>
-<option value='lemon'>레몬</option>
+  <option value='lemon'>레몬</option>
 </select>
-</source>
+</syntaxhighlight>
-*예제: http://zetawiki.com/html5/select-dropdown-list.php
-==펼침: 리스트박스==
+==예시: 드롭다운 2==
+<syntaxhighlight lang='html' run>
+<select name='fruits'>
+  <option value=''>-- 선택 --</option>
+  <option value='apple' selected>사과</option>
+  <option value='banana' disabled>바나나</option>
+  <option value='lemon' label='LM'>레몬</option>
+</select>
+</syntaxhighlight>
+==예시: 리스트박스==
 {{참고|HTML 리스트박스}}
-<source lang='html5' highlight='1'>
+<syntaxhighlight lang='html' run outheight='250'>
-<select name='fruits' size='10'>
+<select name='fruits' size='7'>
-<option value='' selected>-- 선택 --</option>
+  <option value='' selected>-- 선택 --</option>
-<option value='apple'>사과</option>
+  <option value='apple'>사과</option>
-<option value='banana'>바나나</option>
+  <option value='banana'>바나나</option>
-<option value='lemon'>레몬</option>
+  <option value='lemon'>레몬</option>
 </select>
-</source>
+</syntaxhighlight>
 :→ size 속성을 붙이면 리스트박스가 된다.<ref>물론 값이 2이상이어야 함</ref>
-*예제: http://zetawiki.com/html5/select-listbox.php
 ==같이 보기==
@@ 35번째 줄: / 52번째 줄: @@
 *[[HTML 리스트박스]]
 *[[HTML SELECT 여러 개 선택]]
+*[[jQuery select 값으로 선택]]
+*[[HTML select option 배경색 지정]]
 *[[다중 SELECT 선택된 항목 수 세기]]
 *[[HTML Select Onchange]]
@@ 41번째 줄: / 60번째 줄: @@
 *[[리스트박스]]
-==주석==
+==참고==
-<references/>
-==참고 자료==
 *http://www.w3schools.com/tags/tag_select.asp
+*http://www.w3schools.com/tags/tag_option.asp
 [[분류: select]]
+[[분류: HTML 태그]]