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

폼 입력값 내용을 확인

오작교 23336

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
검색어 : 202402
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290293 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349296 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 293918 +14
300
normal
오작교 23.12.10.09:32 14468 0
299 Script
normal
오작교 23.12.10.09:29 19771 0
298 CSS
normal
오작교 21.01.09.14:18 40704 0
297 HTML
normal
오작교 15.09.17.08:58 116301 0
296 HTML
normal
오작교 15.09.13.21:38 21580 0
295 HTML
normal
오작교 15.09.13.21:30 25157 0
294 HTML
normal
오작교 15.08.30.12:19 52771 0
293 Script
normal
오작교 15.05.12.14:06 21150 0
292 HTML
file
오작교 12.03.08.13:51 35922 0
291 HTML
normal
오작교 11.06.03.10:44 40739 0
290 CSS
normal
오작교 11.06.03.10:29 70636 0
289 Script
normal
오작교 11.03.22.11:19 43450 0
288 Script
normal
오작교 11.03.22.11:15 38209 0
287 Script
normal
오작교 11.03.22.11:07 37105 0
286 HTML
normal
오작교 11.01.25.10:27 36189 0
285 CSS
normal
오작교 11.01.24.10:40 35362 0
284 HTML
normal
오작교 11.01.24.10:39 37072 0
283 Script
normal
오작교 11.01.24.10:34 38100 0
282 CSS
normal
오작교 11.01.24.10:31 37723 0
281 CSS
normal
오작교 11.01.24.10:27 36192 0