html12

제로·2022년 11월 6일
0

HTML

목록 보기
12/13

선택형 입력 : 콤보박스

  1. select
    드롭다운 리스트에 목록 출력, 목록을 선택하는 입력 방식
    option 태그로 항목을 표현한다
  2. 기본형식
<select name="요소이름" size="갯수" multiple>
	<option>선택1</option>
	<option>선택2</option>
	<option>선택3</option>
여러 개의 option을 하위 항목으로 주어져서 선택 항목으로 처리
  1. 속성
    1) size : 웹에서 보여지는 콤보박스의 창 크기, default값은 1
    2) multiple : ctrl키를 눌러서 다중 항목 선택 가능
  2. 하위항목 option
    1) select의 하위 항목으로 선택하는 옵션이 주어진다.
    2) 기본 형식
<option value="옵션의 값">옵션의레이블</option>
		- value값을 설정하지 않는 경우, 옵션의 레이블이 value값이 된다.
			ex) <option>사과</option> ==> value="사과"
		- value값과 레이블값이 다른 경우도 있다.
		 <select name="deptno">
			<option value="10">회계</option>	
			<option value="20">인사</option>	
			<option value="30">재무</option>
		요청값은 레이블이 아닌 value로 설정된 값이 전송된다.

3) 속성
- value : 웹 서버에 전송되는 값
- selected : 초기에 선택된 상태로 출력될 값

  부서 선택(size/multiple) :
  	<select name="deptno" size="2" multiple>
  		<option value="10">인사</option>
  		<option value="20">재무</option>
  		<option value="30">회계</option>
  		<option value="40">마케팅</option>
  		<option value="50" selected>영업</option>
  		<option value="60">기술개발</option>
  		<option value="70">경영지원</option>
  	</select>
  	<input type="submit">
  </form>

profile
아자아자 화이팅

0개의 댓글

관련 채용 정보