장낙중의 드림위버강좌

폼에 필요한 요소

폼을 만드는 이유는 입력받은 정보를 처리하기 위함이다. 따라서 이렇게 얻어진 정보는 가장 처음에 Insert Form 버튼을 통해서 만들어 졌던 빨간색의 테두리선 시작부분에 클릭을 하고 Property Inspector의 Action과 Method부분에 적당히 입력을 해 주어야 CGI를 통해 여러가지 처리를 할 수가 있다.

폼을 선택했을 때 나타나는 Property Inspector는 위 그림과 같다. 보다시피 Action부분에는 자료를 처리할 CGI파일의 위치이고, Method는 자료처리의 방법을 나타내는데 GET은 URL등의 데이타를 입력받을 때 주로 쓰이는 방식으로 데이타의 크기가 작을때 쓰인다. 반면에 POST는 입력된 데이타의 양이 많고 한꺼번에 처리할 때 쓰인다.

이제 마지막으로 다시작성과 제출의 두 버튼을 만들기 위해 버튼을 만들곳에서 Insert Button을 눌러주면 된다. Label에는 버튼에 쓰여질 글의 내용을 적고, Action부분에서 Reset Form이나 Submit Form을 선택하면 된다.

이제 남은 것은 Object Pallete의 나머지 버튼들에 관한 사항이다. 또다른 예제를 보면, 이 버튼들을 사용한 예를 볼 수 있다. 가장 첫번째에 쓰인것은 Image Field인데 Submit버튼과 같은 기능을 가지고 있다. Alt값은 이미지에서의 Alt와 같은 기능을 한다. 두번째에 쓰인 파일 업로드의 경우는 File Field를 이용한 것으로 Max Char, Char Width등 이미 보아온 옵션들이 있다.

히든 필드

마지막으로 Hidden Field를 사용했는데, 브라우져상에서는 보이지 않지만 Submit 버튼과 함께 전송되는 데이타가 있을 경우 사용한다. Value값에 지정하면 되겠다.

예제파일을 드림위버상에서 볼때의 그림이다. 포인터가 가리키는 것과 같이 실제 브라우져에서 보이지 않는 것들은 특별한 아이콘으로 보여지는데, 이것을 Invisible Elements라고 부르는데 Edit > Preferences > Invisible Elements에서 화면표시의 유무를 지정할 수 있다.