[펌 강의] 30.Form 예제 (설문양식)
페이지 정보
써니관련링크
본문
30.Form 예제 (설문양식)
오늘은 간단한 설문양식을 하나 만들어
보도록 하겠습니다. 지금까지 배운 Form 요소를 모두 사용했으니 잘
살펴보세요.
<html>
<head>
<title> 간단한 설문양식</title>
</head>
<body>
<font size="2">
여기에 있는 내용은 쎌리가 여러분을 대상으로 조사하는
설문입니다.
"보내기" 버튼을 클릭해도 저는 결과를 알 수가
없어요^^*<br>
아무런 일도 안 일어나거든요.<p>
<form action="research.cgi" method="post">
1. 이름은 뭐지여? <p>
<input type="text" name="name"
size="20" maxlength="20">
<p>
2. 성별은 어케 되나여? <p>
<input type="radio" name="sex"
value="m"> 늑대
<input type="radio" name="sex"
value="w"> 여우
<input type="radio" name="sex"
value="y"> 곰 <p>
3. 당신이 졸업한 교육기관에 체크하세요^^*<p>
<input type="checkbox" name="school"
value="1"> 유아원
<input type="checkbox" name="school"
value="2"> 놀이방
<input type="checkbox" name="school"
value="3"> 유치원
<input type="checkbox" name="school"
value="4"> 게임방
<input type="checkbox" name="school"
value="5"> 오락실 <p>
4. 쎌리에게 하고 싶은 말을 여기에 적은 다음
내용을 카피해서
방명록에 적어주세요^^*
쿠쿠..<p>
<textarea name="content" cols="60"
rows="15">
방명록입니다!
</textarea><p>
5. 쎌리의 홈페이지 만들기가 유익했나요?
그럼 몇 점?<p>
<select name="score">
<option value="100">
정말 참 잘했어요^^*
<option value="90">
정말이지 좋았어요.
<option value="80">
흐미 도움이 되었네요.
<option value="70">
볼만했어요.
<option value="60">
해지하기 귀찮아서..
</select><p>
6. 쎌리에게 해주고 싶은 말을 골라주세요^^*<p>
<select name="what" size="3"
multiple>
<option value="1"
selected> 사랑해요^^* (닭살..)
<option value="2">
뽀~~~~~ (더 닭살..)
<option value="3">
나중에 커피 한잔...
<option value="4">
쐬주 어때요? (좋음)
<option value="5">
빨랑 자... 흐미..
</select><p>
아이디와 비밀번호를 입력하세요^^* <p>
<input type="text" name="id"
size="8" maxlength="8">
<input type="password" name="password"
size="8" maxlength="8">
<p>
<input type="submit" value="보내기">
<input type="reset" value="다지워">
</form>
</font>
</body>
</html>
음.. 대충 보면 아시겠죠? 아마 지난
강좌를 이해하셨으면 별로 안어려우실 거여요. 그럼 대충 방명록이나
설문, 가입양식 같은게 어떻게 만들어 지는지 아시겠죠?
위에 있는 예제는 다음과 같이 나온답니다.
여기에 있는 내용은 그냥 쎌리가
여러분을 대상으로 조사하는 설문입니다. "보내기" 버튼을
클릭해도 저는 결과를 알 수가 없어요^^*
아무런 일도 안 일어나거든요.
이번 강좌로 Html에 대한 쎌리의
홈페이지 만들기 강좌를 마칩니다. 언제라도 홈페이지 만들다가 궁금한
내용이 있으시면 묻고 답하기 게시판에 문의해 주세요.
작성일2005-03-04 17:02
메이저사이트님의 댓글
메이저사이트
http://timespototo.com/토토보증놀이터
http://online-safer.com/카지노사이트
http://jusobada.com/링크모음
