Web Programing/with JSP

[JSP] SELECT 태그

Y06 2021. 1. 29. 15:32

select 태그

- 여러 개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그

- 시작 태그와 종료 태그가 있으며, 리스트 박스에 여러 항목을 추가 삽입하기 위해 반드시 option 태그를 포함해야 함

<select 속성1="값1" [속성2="값2"]>
     <option 속성1="값1" [속성1]> 항목 1 </option>
     <option 속성2="값2" [속성2]> 항목 2 </option>
      . . . . .  (생략) . . .
</select>

- select 태그의 속성

속성 속성 값 설명
name 텍스트 목록 상자의 이름 설정
size 숫자 한 번에 표기할 항목의 개수 설정
multiple   - 다중 선택이 가능하도록 한다
- [ Ctrl ] 키를 눌러 목록 상자의 항목을 다중 선택함

- option 태그의 설정

 

속성 속성 값 설명
value 텍스트 항목의 값을 설정
selected   해당 항목을 초깃값으로 선택함
disabled   항목을 비활성화

- 코드로 보는 select 태그

웹 브라우저 이미지
jsp 코드

회원가입

 

- 성별과 취미를 보면 checked 부분이 보인다. checked는 기본값 설정을 한다.

웹 브라우저 이미지