[펌 강의] 27.Input Type Form (II) - Check B
페이지 정보
써니관련링크
본문
size="2">27.
지난 강좌에서는 텍스트, 암호 그리고
1) 체크 박스(Check Box) size="2"> |
<INPUT type=" size="2" color="red">checkbox size="2">" name="이름"
|
체크박스는 많이 보셨죠? 그리고
input tag는 변함이 없네요. 단지 type이 checkbox 네요^^* 후후.. 여러분
어느 사이트에 가입하거나 설문할 때 취미가 뭐여요?(3 가지 중복 선택
가능) 이런 항목 보셨죠?
- 체크박스(Checkbox)는 다중
선택이 가능합니다. 이것이 뒤에 설명할 라디오 버튼(Radio Button)과
다른 점이죠.
- 체크박스(Checkbox)의 크기는
앞에서 다룬 텍스트나 암호처럼 그 크기를 지정할 수가 없습니다.
- name - 이름입니다. 담배를
좋아하는 아버지가 아기를 낳았는데 첫째는 한갑, 둘째는 두갑...
막내는 보루 라구 이름을 짓듯이 앞에 네모난 체크박스 달구 다니는
이 넘두 이름을 줍니다.
- value - 서버로 보내거나 실질적인
연산을 할 경우 사용되는 값입니다. 앞에서 Submit, Reset 버튼에도
value가 있었는데 요넘들은 버튼에 나타나는 텍스트를 나타냈었죠?
기억이 안나신다구요? 저도 그거 설명한 거 기억 안납니다^^* 체크박스에서는
각 value값을 다 다르게 줘야합니다.
- checked - Default로 체크되게
하고 싶을 경우 사용합니다. 밑의 예제에서 차가 젤 비싼 것 같아서
거기다가 기본으로 체크해 뒀습니다.
<html>
<head>
<title> 체크 박스 </title>
</head>
<body>
<font size="2">
당신이 좋아하는 음식을 모두 선택하세요?<p>
<form action="hahaha.cgi" method="post">
<input type="checkbox"
name="food" value="apple">
사과
<input type="checkbox"
name="food" value="banana">
바나나
<input type="checkbox"
name="food" value="orange">
오렌지
<input type="checkbox"
name="food" value="pizza">
피자
<p>
당신이 받고 싶은
선물을 모두 선택하세요?<p>
<input type="checkbox"
name="present" value="doll">
인형
<input type="checkbox"
name="present" value="car" checked>
자동차
<input type="checkbox"
name="present" value="computer">
컴퓨터
<p>
음.. 이제 서버로
자료를 보낼까요??<p>
<input type="submit"
value="보내 버려^^*">
<input type="reset"
value="다시 골라???">
</form>
</font>
</body>
</html>
당신이 좋아하는 음식을 모두 선택하세요?
그런데 보니까 위에 보면 체크박스가
7개 있는데, 이름은 딸랑 두 개네요. 체크될 그룹마다 하나의 이름으로
주어야 합니다. 항목에 따라 적당히 이름을 주면 됩니다.
2) 라디오 버튼(Radio Button) size="2">
<INPUT type=" size="2" color="red">radio size="2">" name="이름"
value="값" checked>
라디오 버튼도 많이 보셨죠? 주로
투표할 경우 많이 사용됩니다. 대부분 설명이 체크박스와 비슷합니다.
- 라이오 버튼은 체크박스(Checkbox)와는
달리 딱~ 한 개만 선택할 수 있습니다. 한 개라 함은 name이 같은
것 중 하나만 선택할 수 있다는 것을 의미합니다. 이제 같은 name을
여러 개의 체크박스나 라디오 버튼에 주는 이유를 좀 아시겠죠?
- 라디오 버튼 역시 체크박스처럼
크기를 앞에서 다룬 텍스트나 암호처럼 그 크기를 지정할 수가 없습니다.
- name - 이름입니다. 체크박스와
설명이 동일합니다.
- value - 요넘두 체크박스와
동일합니다.
- checked - 요넘두 마찬가지입니다.
그런데 체크박스에서는 여러 개에 Default로 Checked라는 옵션을
줄 수 있지만 라디오 버튼에서는 한 개만 지정하세요^^* 두 세 개
지정해도 첨에는 지정을 될런지도 모릅니다. 그런데 의미가 없습니다.
그럼 위의 예를 라디오 버튼으로
바꿔볼까요?
<html>
<head>
<title> 체크 박스 </title>
</head>
<body>
<font size="2">
당신이 좋아하는 음식을 모두 선택하세요?<p>
<form action="hahaha.cgi" method="post">
<input type="radio"
name="food" value="apple">
사과
<input type="radio"
name="food" value="banana">
바나나
<input type="radio"
name="food" value="orange">
오렌지
<input type="radio"
name="food" value="pizza">
피자
<p>
당신이 받고 싶은
선물을 모두 선택하세요?<p>
<input type="radio"
name="present" value="doll">
인형
<input type="radio"
name="present" value="car" checked>
자동차
<input type="radio"
name="present" value="computer">
컴퓨터
<p>
음.. 이제 서버로
자료를 보낼까요??<p>
<input type="submit"
value="보내 버려^^*">
<input type="reset"
value="다시 골라???">
</form>
</font>
</body>
</html>
당신이 좋아하는 음식을 모두 선택하세요?
후후.. 이제 체크박스나
라디오 버튼이 어떻게 사용되는지 이해가 가죠?
작성일2005-02-28 14:35
온라인카지노님의 댓글
온라인카지노
http://timespototo.com/토토보증놀이터
http://online-safer.com/카지노사이트
http://jusobada.com/링크모음
