깔끔한 주문서
안녕하세요?
오늘은 홈페이지 만들때 주문서 양식을 간단하게 만든 소스를 가져왔습니다. 한번 보시고 홈피에 적용시키면 될거 같습니다. action부분을 바꾸면 아무데서나 다 사용가능합니다. 어떻게 바꾸느냐구요? 그건 asp나 php등을 배우시면 나옵니다. 소스입니다.
<table bgcolor=gold cellspacing=1 cellpadding=3 width=500 align=center>
<form method=post action="mailto:help@jasko.co.kr?subject=주문서" enctype="text/plain" name="f">
<tr height=40>
<td colspan=2><big><b>상품 주문서</b></big></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>이름</td>
<td><input type="text" name="이름"></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>이메일 주소</td>
<td><input type="text" name="이메일"></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>받을곳 우편번호</td>
<td><input type="text" name="우편번호"></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>받을곳 주소</td>
<td><input type="text" name="주소" size=40></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>전화번호 1</td>
<td><input type="text" name="연락처1"></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>전화번호 2</td>
<td><input type="text" name="연락처2"></td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>상품종류</td>
<td>
<input type="checkbox" name="주문상품" value=모니터>모니터
<input type="checkbox" name="주문상품"value=프린터>프린트
<input type="checkbox" name="주문상품"value=키보드>키보드
<input type="checkbox" name="주문상품"value=마우스>마우스
<input type="checkbox" name="주문상품"value=노트북>노트북
</td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>색상</td>
<td>
<input type="radio" name="색상" value=빨강>빨강
<input type="radio" name="색상"value=파랑>파랑
<input type="radio" name="색상"value=검정>검정
<input type="radio" name="색상"value=흰색>흰색
<input type="radio" name="색상"value=노랑>노랑
</td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>수량</td>
<td>
<select name="수량">
<option value=1개>1 개
<option value=2개>2 개
<option value=3개>3 개
<option value=4개>4 개
<option value=5개>5 개
</select>
</td>
</tr>
<tr bgcolor=white>
<td bgcolor=#f5f5f5 align=right>하실말씀</td>
<td><textarea name="하실말씀" rows="10" cols="40"></textarea></td>
</tr>
<tr bgcolor=white>
<td colspan=2>
<input type="submit" value=" 보내기 ">
<input type="reset" value=" 새로작성 ">
</td>
</tr>
<form>
</table>
거의 다 HTML코드입니다. 중요한 부분은 <form method=post action="mailto:help@jasko.co.kr?subject=주문서" enctype="text/plain" name="f"> 이부분인데 action에 메일주소를 적어놨습니다. 폼이 submit되면 즉 submit버튼을 누르면 메일메신저, outlook express등이 뜨서 지정된 메일주소로 메일을 보내는 창이 뜨게됩니다. 만약에 다른 php나 asp파일로 action을 주게되면 그 문서가 열리게 됩니다.
실행결과입니다.
