날짜: 1996-03-10 | 글쓴이: 도아 | 17590 번 | 프린트 | 메일로보내기

제 10강 - Select, Options 태그



Select 사용형식

<SELECT 
NAME="selectName"(반드시 필요)
MULTIPLE 
SIZE="ListLength" 
> 
... 
</SELECT>
NAME

선택된 항목의 이름을 지정한다. CGI 프로그램에 name=value 쌍이 전송되는데, 이때 name 부분의 값을 지정하는 항목이며 화면에 출력되지는 않는다. MULTIPLE

사용자가 여러개의 항목을 선택할 수 있도록 해준다. 이 값을 생략하면, 여러 항목중 단지 하나의 항목만 선택할 수 있다. SIZE

화면에 폼을 출력할 때 화면에 출력될 OPTION의 수를 지정한다. SIZE 크기보다 많은 OPTION을 지정한 경우, 우측에 스크롤 바가 나타난다. 설명

풀다운 메뉴로 구성된 form을 만들기 위해 사용되며 여러 항목 리스트 중에서 하나를 선택할 수 있다. 풀다운 메뉴의 각 항목은 OPTION 태그를 사용해서 지정한다. SELECT 태그에서 지정한 name과 OPTION 태그에서 지정한 값이 name=value 쌍을 이루어 서버로 전달된다. OPTION 태그 사용형식

<OPTION 
VALUE="optionValue" 
SELECTED 
> textToDisplay 
... 
</OPTION>
VALUE

옵션을 선택하고, 폼을 서버로 전송했을 때 서버로 전송되는 값을 지정한다. VALUE 속성이 존재하지 않으면, <OPTION> 다음의 textToDisplay가 값으로 전송된다. SELECTED

기본으로 선택될 옵션을 지정한다. 설명

SELECT 태그내에서만 사용되며, SELECT 태그로 지정한 name에대한 값을 지정한다. 종료 태그(</OPTION>)는 생략할 수 있다. HTML 소스

소스를 간단히 하기위해 정렬태그와 테이블 태그를 생략했다. 따라서 실제결과는 화면과 약간 다를 수도 있다.

<FORM METHOD="POST" ACTION="/cgi-bin/env.cgi">
<TABLE>
<TR>
		<TD>이름 <TD>비밀번호 <TD>선택 <TD> 삭제 <TD> &NBSP;
</TR>
<TR>
	<TD><INPUT TYPE="TEXT" NAME="NAME">
	<TD><INPUT TYPE="PASSWORD" NAME="PASS">
	<TD>
	<SELECT NAME=FOOD>
		<OPTION value=apple>사과 
		<OPTION value=kiwi>키위 
		<OPTION value=orange> 오랜지
	</SELECT>
	<TD> <INPUT TYPE="CHECKBOX" NAME="DELETE">
	<TD> <INPUT TYPE="SUBMIT" VALUE="변경">
</TR>
</TABLE>
</FORM>
출력결과
이름 비밀번호 선택 삭제  
연습

다음 그림과 같은 폼을 만들어라. Action은 http://comp.mailx2.com/cgi-bin/env.cgi로 하며, Method는 Post로 한다.



다음글: 제 11강 - TEXTAREA 태그 (13437)1996-03-11
이전글: 제 9강 - Input 태그: File, Image (9923)1996-03-09

세상사는 이야기

  • 찾아라! 아이폰 순정용 >
  • 만원대 피젯 스피너를 >
  • 망하는 길을 택한 쿠팡 >
  • 물놀이에 적당한 가성 >
  • 컴퓨터를 IPTV로 2, po >
  • 컴퓨터를 IPTV로 만들 >
  • Warning.or.kr도 우회 >
  • 한국의 100대 부자, 어 >
  • 세상을 바꾼 크롬: 크 >
  • 장난(?)으로 시작한 여 >


  • RSS 구독 (익명 | 회원 | 강좌 | 포럼)
    (C) 1996 ~ 2017 QAOS.com All rights reserved.