Internet Link Exchange
Member of the Internet Link Exchange

Form Tutor- Lesson 1

순리대로, 메모장을 열고 저를 따라하세요. (네! 메모장입니다.) 아래의 예문을 복사하고 시작을 합시다 :

<HTML>
<HEAD>
<TITLE>Joe는 왕자병 환자라네</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

이것을 form1.html로 임의의 폴더에 저장을 하세요. 따로 폴더를 하나만들까요? 브라우저[plug Netscape]를 띄웁시다. 넷스케입으로 form1.html을 열고 메모장을 순차적으로 실행을 시킵시다. 이런 식으로 여러분의 페이지를 만들고, 거의 지속적으로 작업한 결과를 확인할 수 있습니다. reload 버튼을 눌러도 모든 것이 제대로 갱신되지 않으면, [Shift] 키를 누른 채로 reload를 눌러보세요.

form 태그를 쳐줍시다.

<HTML>
<HEAD>
<TITLE>Joe는 왕자병 환자라네</TITLE>
</HEAD>
<BODY>

<FORM>
</FORM>

</BODY>
</HTML>

다음은 우리가 수집한 데이터를 어디로 보내야 하는지, 어떻게 보내야 하는지를 브라우저에게 알려줘야 합니다. 여러분이 기본적으로 할 수 있는 두가지가 있습니다.

1) 프로세싱이 되도록 cgi 스크립트에 데이터를 보낼 수 있습니다.
2) 여러분이 자료를 E-Mail로 받을 수 있습니다.
전자는 누가 스크립트를 작성하건 간에 데이터가 어떻게 전송되는지 여러분이 알 수가 있습니다.
두번째, mailto form은 <FORM> 태그 안에 다음과 같은 속성을 가져야 합니다.

<HTML>
<HEAD>
<TITLE>Joe는 왕자병 환자라네</TITLE>
</HEAD>
<BODY>

<FORM METHOD=POST ACTION="mailto:xxx@xxx.xxx" ENCTYPE="application/x-www-form-urlencoded">
</FORM>

</BODY>
</HTML>

이 줄은 매우 중요합니다. 여러분이 하나해야 꼭 해야할 것은 mailto: 뒤에 E-Mail 주소를 넣어주는 것입니다. 나머지는 보는 바와 같이 정확히 쓰야 합니다. FORM, METHOD, POST 그리고 ACTION라는 글자들은 대문자로 써서는 안됩니다. 그러나 각각의 속성, FORM 그리고 METHOD 사이에, POST 그리고 ACTION 사이에, 그리고 .com"ENCTYPE 사이에는 여백이 있어야 합니다.

불행히도 자료는 다음과 같이 컴퓨터만 알아먹는 형식으로 여러분에게 전달될 것입니다....

FORMNAME=New+Entrant&NAME=R.U.+Havinfun&ADDRESS=1313+Mockingbird+Lane
&CITY=Beverly+Hills&STATE=CA

우리는 인간도 유용하게 알아먹을 수 있도록 그 자료를 변환해주는 프로그램이 필요합니다...

FORMNAME=New Entrant
NAME=R.U. Havinfun
ADDRESS=1313 Mockingbird Lane
CITY=Beverly Hills
STATE=CA

Mailto Formatter는 이작업을 멋있게 해치우는 작고, 훌륭한 공짜 유틸리티입니다.

위의 예제는 form이 단지 input values 와 짝이되는 (R.U. Havinfun, 1313 Mockingbird Lane, 등등) input names (NAME, ADDRESS, 등등) 에 지나지 않음을 보여 줍니다. 유일한 실제변수는 어떻게 우리가 그 값들을 얻을 수 있는가 하는 점입니다.

어떤 메일 프로그램은 다른 개별적인 프로그램의 도움없이도 자료를 변환할 수 있습니다. 여러분은 우선 이 방법을 원하실 겁니다. ENCTYPE="application/x-www-form-urlencoded"라는 지시사항을 없애고, 그 자리에 ENCTYPE="text/plain"을 사용하세요.

<--BACK        NEXT-->

Introduction Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Index
PROFESSIONAL WEB DESIGN