[펌 강의] 29. 선택목록(List Box or Drop Down Li
페이지 정보
써니관련링크
본문
|
29. 선택목록(List Box or Drop Down List Box) 여기서 설명할 내용은 선택목록에
|
<SELECT
|
- size와 multiple을 생략하고
SELECT Tag에 name만 주면 드롭다운 리스트 박스가 됩니다.
- size="n" - 리스트
박스에서 화면에 보일 항목의 갯수를 의미합니다. 물론 "n"
보다 많은 항목이 들어있다면 스크롤 바가 생기게 됩니다.
- multiple - 리스트 박스에서
한번에 여러 개의 목록을 선택할 수 있게 하는 옵션입니다. Ctrl
키를 누른 상태에서 마우스로 콕콕 누르면 선택이 되지요. 아니면
Shift 키를 누른 상태에서 선택을 할 수도 있습니다.
- <SELECT> ...</SELECT>
tag 사이에는 항상 하나 이상의 <OPTION> Tag가 들어가야
합니다.
- <OPTION value="값">
항목 - value는 서버로 넘길 값을 의미하고 항목은 리스트 박스나
드롭다운 리스트 박스에 나타날 목록(항목)을 의미합니다.
<html>
<head>
<title> 드롭다운 리스트 박스 </title>
</head>
<body>
<font size="2">
드롭다운 리스트 박스입니다. 한 개만 선택이
가능합니다.
리스트를 클릭하면 목록이 나타납니다.<p>
<form action="list.cgi" method="post">
<select name="fruit">
<option
value="apple"> 사과
<option
value="banana"> 바나나
<option
value="orange"> 오렌지
</select>
<p>
</form>
</font>
</body>
드롭다운 리스트 박스입니다. 한
개만 선택이 가능합니다. 리스트를 클릭하면 목록이 나타납니다.
사과
바나나
오렌지
<html>
<head>
<title> 리스트 박스 </title>
</head>
<body>
<font size="2">
먹고 싶은 과일을 하나만 선택하세요.<p>
<form action="list.cgi" method="post">
<select name="fruit"
size="3">
<option
value="apple"> 사과
<option
value="banana"> 바나나
<option
value="melon"> 메론
<option
value="watermelon"> 수박
<option
value="orange"> 오렌지
<option
value="strawberry"> 오렌지
</select>
<p>
</form>
</font>
</body>
먹고 싶은 과일을 하나만 선택하세요.
사과
바나나
메론
수박
오렌지
오렌지
<html>
<head>
<title> 리스트 박스 </title>
</head>
<body>
<font size="2">
먹고 싶은 과일을 전부 다 선택하세요.<p>
<form action="list.cgi" method="post">
<select name="fruit"
size="3" multiple>
<option
value="apple"> 사과
<option
value="banana"> 바나나
<option
value="melon"> 메론
<option
value="watermelon"> 수박
<option
value="orange"> 오렌지
<option
value="strawberry"> 오렌지
</select>
<p>
</form>
</font>
</body>
먹고 싶은 과일을 전부 다 선택하세요.
사과
바나나
메론
수박
오렌지
오렌지
다음 강좌는 폼에 대한 전반적인
이해를 돕기 위해 전에 이력서 만든 것과 같이 예를 들어 설명을 드릴께요.
작성일2005-02-28 14:36
라이브카지노님의 댓글
라이브카지노
