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

38번째 줄: 38번째 줄:
==예시: 리스트박스==
==예시: 리스트박스==
{{참고|HTML 리스트박스}}
{{참고|HTML 리스트박스}}
<source lang='html5'>
<source lang='html' run outheight='250'>
<select name='fruits' size='7'>
<select name='fruits' size='7'>
   <option value='' selected>-- 선택 --</option>
   <option value='' selected>-- 선택 --</option>
47번째 줄: 47번째 줄:
</source>
</source>
:→ size 속성을 붙이면 리스트박스가 된다.<ref>물론 값이 2이상이어야 함</ref>
:→ size 속성을 붙이면 리스트박스가 된다.<ref>물론 값이 2이상이어야 함</ref>
<jsfiddle height='200'>xkc1np6h</jsfiddle>


==같이 보기==
==같이 보기==

2021년 4월 27일 (화) 23:33 판

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

1 select 태그

2 option 태그

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

3 예시: 드롭다운 1

<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 예시: 리스트박스

<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 주석

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

8 참고

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}