양식을 사용하여 사용자 정보 수집

사용자로부터 정보 수집하기

웹 폼이나 하이퍼텍스트 링크를 사용하여 사용자로부터 정보를 수집하고, 해당 정보를 서버 메모리에 저장한 다음, 사용자 입력을 기반으로 동적 응답을 생성할 수 있습니다.사용자 정보를 수집하는 가장 일반적인 도구는 HTML 양식과 하이퍼텍스트 링크입니다.

사용자로부터 정보를 수집하여 서버 메모리에 저장할 수 있습니다.HTML 양식은 정보를 양식 매개 변수나 URL 매개 변수로 전송할 수 있습니다.

사용자로부터 정보를 수집하여 서버 메모리에 저장할 수 있습니다.사용자가 링크를 클릭할 때 제출될 값(또는 여러 값)을 지정합니다. 예를 들어 기본 설정과 같은 값을 앵커 태그에 지정된 URL에 추가하여 지정할 수 있습니다.사용자가 링크를 클릭하면 브라우저가 URL과 추가된 값을 서버로 전송합니다.

Dreamweaver의 현재 버전 이후로 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver의 현재 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.

HTML 양식 매개 변수

양식 매개 변수는 POST 또는 GET 방법을 사용하는 HTML 양식을 통해 서버로 전송됩니다.

POST 방법을 사용할 때 매개 변수는 문서의 헤더 일부로 웹 서버에 전송되며, 표준 방법으로 페이지를 보는 사람에게는 표시되거나 액세스할 수 없습니다.POST 방법은 데이터베이스 콘텐츠에 영향을 주는 값(예: 레코드 삽입, 업데이트 또는 삭제)이나 이메일로 전송되는 값에 사용해야 합니다.

GET 방법은 요청된 URL에 매개 변수를 추가합니다.해당 페이지를 보는 누구나 매개 변수를 볼 수 있습니다. 따라서 GET 메서드는 검색 양식에 사용해서는 안 됩니다.

Dreamweaver를 사용하여 양식 매개 변수를 서버로 전송하는 HTML 양식을 빠르게 디자인할 수 있습니다.브라우저에서 서버로 정보를 전송하는 데 사용하는 방법에 주의해야 합니다.

양식 매개 변수의 이름은 해당 양식 오브젝트의 이름과 같습니다. 예를 들어, 양식에 txtLastName이라는 텍스트 필드가 포함되어 있다면 사용자가 [제출] 버튼을 클릭할 때 다음 양식 매개 변수가 서버로 전송됩니다:

txtLastName=입력값

웹 애플리케이션이 정확한 매개 변수 값을 요구하는 경우(예: 여러 옵션 중 하나를 기반으로 작업을 수행할 때) 라디오 버튼, 체크박스 또는 목록/메뉴 양식 객체를 사용하여 사용자가 제출할 수 있는 값을 제어하십시오.이렇게 하면 사용자가 정보를 잘못 입력하여 애플리케이션 오류를 발생시키는 것을 방지할 수 있습니다.다음 예제에서는 세 가지 선택 항목을 제공하는 팝업 메뉴 양식을 보여 줍니다.

각 메뉴 선택 항목은 양식 매개 변수로 서버에 제출되는 하드코딩된 값에 해당합니다.다음 예시의 목록 값 대화 상자는 각 목록 항목을 값(추가, 업데이트 또는 삭제)과 일치시킵니다:

양식 매개 변수가 생성된 후 Dreamweaver에서 값을 검색하여 웹 애플리케이션에서 사용할 수 있습니다.Dreamweaver에서 양식 매개 변수를 정의한 후 페이지 내에 해당 값을 삽입할 수 있습니다.

URL 매개 변수

URL 매개 변수를 사용하면 사용자가 제공한 정보를 브라우저에서 서버로 전달할 수 있습니다.서버가 요청을 받고 매개 변수가 요청 URL에 추가되어 있으면, 서버는 해당 페이지를 브라우저에 제공하기 전에 요청된 페이지가 매개 변수에 액세스할 수 있도록 합니다.

URL 매개 변수는 URL에 추가되는 이름-값 쌍입니다.매개 변수는 물음표(?)로 시작합니다. name=value 형식을 사용합니다. URL 매개 변수가 둘 이상 있는 경우 각 매개 변수는 앰퍼샌드(&)로 구분됩니다. 다음 예제는 두 개의 이름-값 쌍이 있는 URL 매개 변수를 보여줍니다:

http://server/path/document?name1=value1&name2=value2

이 워크플로우 예제에서는 응용 프로그램이 웹 기반 쇼핑몰이라고 가정합니다. 사이트 개발자들이 가능한 한 광범위한 대상자에게 다가가고자 하므로, 이 사이트는 외화를 지원하도록 설계되었습니다. 사용자가 사이트에 로그인할 때 사용 가능한 상품의 가격을 확인할 통화를 선택할 수 있습니다.

HTML 링크를 사용하여 URL 매개 변수 만들기

HTML 앵커 태그의 href 속성을 사용하여 HTML 링크 내에서 URL 매개 변수를 생성합니다. 코드 보기(보기 > 코드)에서 속성에 URL 매개 변수를 직접 입력하거나 속성 인스펙터 링크 상자의 링크 URL 끝에 URL 매개 변수를 추가할 수 있습니다.

다음 예제에서는 세 개의 링크가 세 개의 가능한 값(Add, Update, Delete)을 가진 단일 URL 매개변수(action)를 만듭니다.사용자가 링크를 클릭하면 매개 변수 값이 서버로 전송되고 요청한 작업이 수행됩니다.

<a href="http://www.mysite.com/index.cfm?action=Add">기록 추가</a>

<a href="http://www.mysite.com/index.cfm?action=Update">기록 업데이트</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">기록 삭제</a>

속성 검사기([창] > [속성])를 사용하면 링크를 선택하고 [링크] 상자에서 링크 URL 끝에 URL 매개변수 값을 추가하여 동일한 URL 매개변수를 만들 수 있습니다.

URL 매개변수를 만든 후 Dreamweaver는 해당 값을 가져와서 웹 애플리케이션에서 사용할 수 있습니다.Dreamweaver에서 URL 매개 변수를 정의한 후 페이지 내에 해당 값을 삽입할 수 있습니다.

관련 항목 더 보기

• 웹 양식 제작
• 페이지에 다이내믹 콘텐츠 추가
• 데이터베이스에 액세스
• URL 및 양식 매개 변수 정보
• 링크하기
• 양식 매개 변수 정의