• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

폼 입력값 내용을 확인

오작교 23374

0
예제보기  https://www.yeoyoo.com/act1.html

입력문서와 출력문서 2개가 필요합니다.

1. 입력할 문서 <body>사이에

<FORM name=form1 ACTION="출력문서 이름">

<table cellpadding="3" cellspacing="1" width="541" bgcolor="#ffccff" align="center"><tr>
<td bgcolor="#F0D3F0" width="533" colspan="4" height="25">

                <p align="center"><b>신 청 서</b></td></tr>
<tr><td bgcolor="#EBEBEA" width="91" align="center">
<p><b><font color="black">종 류</font></b></p></td>
<td bgcolor="#EBEBEA" width="249" align="center">
<p><b><font color="black">타 입</font></b></p></td>

<td bgcolor="#EBEBEA" width="80" align="center">
<p><b><font color="black">가 격</font></b></p></td>

<td bgcolor="#EBEBEA" width="92" align="center">
<p><b><font color="black">선 택</font></b></p></td></tr>

<tr><td bgcolor="white" width="91" align="center">
템플릿 1
</td>

<td bgcolor="white" width="249" align="center">

<p>쇼핑몰</p></td>

<td bgcolor="white" width="80" align="center">
<p>\50,000</p></td>

<td bgcolor="white" width="92" align="center">
<INPUT TYPE="checkbox" NAME="템플릿 1 " value="\50,000"></td></tr>

<tr><td bgcolor="white" width="91" align="center">
템플릿 2       </td>

<td bgcolor="white" width="249" align="center">
<p>학습용</p></td>

<td bgcolor="white" width="80" align="center">
<p>\10,000</p></td>

<td bgcolor="white" width="92" align="center">
<INPUT TYPE="checkbox" NAME="템플릿 2" value="\10,000">
</td></tr>

<tr><td bgcolor="white" width="91" align="center">
템플릿 3        </td>

<td bgcolor="white" width="249" align="center">
<p>개인용</p></td>

<td bgcolor="white" width="80" align="center">
<p>\10,000</p></td>

<td bgcolor="white" width="92" align="center">
<INPUT TYPE="checkbox" NAME="템플릿 3" value="\10,000"></td></tr>

<tr><td bgcolor="white" width="91" align="center">
템플릿 4</td>

<td bgcolor="white" width="249" align="center">
<p>회사용</p></td>

<td bgcolor="white" width="80" align="center">
<p>\20,000</p></td>

<td bgcolor="white" width="92" align="center">
<INPUT TYPE="checkbox" NAME="템플릿 4" value="\20,000"></td></tr>

<tr><td align="right" bgcolor="white" width="533" colspan="4">
<INPUT TYPE="submit" value="확인"></td></tr></table>
</FORM>



2. 확인될 문서 <head>사이에
<script>
<!--
var myValueIn = unescape(location.search.replace(/\+/g,' '));
myValueIn = myValueIn.substring(1).split('&');

for(i=0;i<myValueIn.length;i++)
        myValueIn[i] = myValueIn[i].split('=');

var myValueOut = "<table cellpadding=3 cellspacing=1 width=450 bgcolor=#999999><tr><td bgcolor=#F0D3F0 colspan=2>신 청 내 역</td></tr>";
myValueOut += "<tr><td bgcolor=white>종류</td><td bgcolor=white>가격</td></tr>";
for(i=0;i<myValueIn.length;i++){
  myValueOut += "<tr>\n";
  myValueOut += "\t<td bgcolor=white>"+myValueIn[i][0]+" </td>\n";
  myValueOut += "\t<td bgcolor=white>"+myValueIn[i][1]+"</td>\n";
  myValueOut += "</tr>\n";
}
myValueOut += "</table>\n";
//-->
</script>

<body>사이에는

<script>
document.write(myValueOut);
</script>
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291029 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349993 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294628 +14
87 Script
normal
오작교 23.12.10.09:29 19894 0
86 Script
normal
오작교 15.05.12.14:06 21267 0
85 Script
normal
오작교 11.03.22.11:19 43563 0
84 Script
normal
오작교 11.03.22.11:15 38331 0
83 Script
normal
오작교 11.03.22.11:07 37216 0
82 Script
normal
오작교 11.01.24.10:34 38212 0
81 Script
normal
오작교 10.04.10.21:43 44236 0
80 Script
normal
오작교 09.04.14.15:52 21506 0
79 Script
normal
오작교 09.02.26.19:30 44467 0
78 Script
normal
오작교 09.02.03.16:06 30009 0
77 Script
normal
오작교 09.02.03.16:05 30100 0
76 Script
normal
오작교 08.08.08.11:58 30917 0
75 Script
normal
오작교 08.07.08.09:23 24032 0
74 Script
normal
오작교 08.01.08.13:26 36999 0
73 Script
normal
오작교 08.01.07.13:00 40814 0
72 Script
normal
오작교 08.01.07.12:52 23858 0
71 Script
normal
오작교 07.10.23.17:18 38427 0
70 Script
normal
오작교 07.10.23.17:16 29244 0
69 Script
normal
오작교 07.10.23.17:14 28254 0
68 Script
normal
오작교 07.10.23.17:08 27678 0