입력필드의 드랍다운 리스트를 출력하는 <select>태그

 

<select>태그는 콤보 박스와 같이 여러 개의 항목 중에서 하나만을 선택할 수 있도록 한다. <select>태그는 혼자쓰이지 않고 <option>태그와 함께 사용된다.

 

<select>
 <option>1990년</option>
 <option>1991년</option>
 <option>1992년</option>
 <option>1993년</option>
</select>

 

위 HTML의 출력결과는 아래와 같다.

 

 

 

 

<select>태그의 속성은 다음과 같다.

• naem: 이름을 지정
• disabled: 셀렉트 박스의 사용을 금지시킴
• size: 셀렉트 박스에서 리스트가 보여지는 수를 지정한다. 셀렉트 박스는 기본값으로 리스트가 하나만 보이지만 size값을 변경하면 여러개가 한꺼번에 보이게 할 수도 있다.

 

<option>태그

 

<option>태그는 <select>태그와 함께 사용되며 <select>태그가 전송되었을 때 선택되는 값을 나타낸다. <option>태그는 다음과 같은 속성이 있다.

• selected: 태그를 선택한 상태로 하는 속성
• value: 셀렉트 선택 값이 전달될 때 전달되는 값을 지정