이 페이지
- ColdFusion 양식 정보
- ColdFusion 확장 기능 사용
- ColdFusion 양식 만들기
- ColdFusion 양식 컨트롤 삽입
- ColdFusion 텍스트 필드 삽입하기
- ColdFusion 숨김 필드 삽입하기
- ColdFusion 텍스트 영역 삽입하기
- ColdFusion 버튼 삽입하기
- ColdFusion 체크 박스 삽입하기
- ColdFusion 라디오 버튼 삽입하기
- ColdFusion 선택 상자 삽입하기
- ColdFusion 이미지 필드 삽입하기
- ColdFusion 파일 필드 삽입하기
- ColdFusion 날짜 필드 삽입하기
- ColdFusion 양식 컨트롤 수정하기
- ColdFusion 양식 데이터의 유효성 검사
참고:
ColdFusion은 Dreamweaver CC부터 지원되지 않습니다.
ColdFusion 양식은 양식 데이터의 유효성을 검사할 수 있도록 여러 가지 내장 메커니즘을 제공합니다. 예를 들어 사용자가 유효한 날짜를 입력했는지 확인하기 위해 유효성을 검사할 수 있습니다. 일부 양식 컨트롤은 추가적인 기능을 제공합니다. HTML 대응 기능을 지원하지 않는 양식 컨트롤도 있고, 데이터 소스에서 컨트롤을 동적으로 채우는 기능을 직접 지원하는 양식 컨트롤도 있습니다.
Dreamweaver에서는 ColdFusion MX 7 이상을 개발 서버로 사용하는 ColdFusion 개발자를 위한 여러 가지 확장 기능을 제공합니다. 즉, 사용자가 ColdFusion 양식의 속성을 신속하게 만들고 설정할 수 있도록 [삽입] 패널 버튼, 메뉴 항목 및 속성 관리자가 더 많아졌습니다. 또한 사이트 방문자가 제공한 정보의 유효성을 검사하는 코드도 생성할 수 있습니다. 예를 들어 사용자가 입력한 이메일 주소에 @ 기호가 있는지 또는 필수 텍스트 필드에 특정 유형의 값이 포함되어 있는지 등을 확인할 수 있습니다.
일부 확장 기능의 경우 ColdFusion MX 7 이상이 실행 중인 컴퓨터를 Dreamweaver 테스트 서버로 정의해야 합니다. 예를 들어 적합한 테스트 서버를 지정한 경우에만 양식 컨트롤에 대한 속성 관리자를 사용할 수 있습니다.
테스트 서버는 한 번만 정의하면 됩니다. 그러면 Dreamweaver에서 자동으로 테스트 서버 버전을 검색하여 ColdFusion이 검색될 경우 확장 기능을 사용할 수 있도록 합니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
메서드
양식 데이터를 서버로 보낼 때 브라우저에서 사용하는 메서드를 정의합니다.
POST
HTTP post 메서드를 사용하여 데이터를 보냅니다. 이 메서드에서는 데이터를 별도의 메시지에 포함하여 서버로 보냅니다.
내려받기
HTTP get 메서드를 사용하여 데이터를 보냅니다. 이 메서드에서는 양식 필드 내용이 URL 쿼리 문자열에 포함됩니다.
참고:
인코딩 형식은 문자 인코딩을 의미하지 않습니다. 이 속성은 메서드 값이 post일 경우 양식을 서버로 전송하는 데 사용되는 내용 유형을 지정합니다. 이 속성의 기본값은 application/x-www-form-urlencoded입니다.
서식
다음 중에서 만들 양식의 종류를 결정합니다.
HTML
HTML 양식을 작성하고 이를 클라이언트로 보냅니다. cfgrid 및 cftree 자식 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.
Flash
Flash 양식을 작성하고 이를 클라이언트로 보냅니다. 모든 컨트롤은 Flash 형식입니다.
XML
XForms XML을 작성하고 그 결과를 ColdFusion 양식 이름을 사용하는 변수에 삽입합니다. 어떤 항목도 클라이언트로 보내지 않습니다. cfgrid 및 cftree 자식 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.
데이터 보호
양식이 같은 양식에 다시 게시될 때 초기 컨트롤 값을 전송된 값으로 대체할지 여부를 결정할 수 있습니다.
[False]일 경우 컨트롤 태그 속성에 지정된 값이 사용됩니다.
[True]일 경우 전송된 값이 사용됩니다.
소스 스크립트
태그와 자식 태그에 사용되는 클라이언트측 코드를 포함하는 JavaScript 파일의 URL을 웹 루트에 대한 상대 경로로 지정합니다. 이 속성은 파일이 기본 위치에 있지 않을 경우에 유용하며, /CFIDE 디렉터리에 대한 액세스를 차단하는 일부 호스팅 환경과 구성에 필요할 수 있습니다. 기본 위치는 ColdFusion Administrator에 설정되어 있으며 기본적으로 /CFIDE/scripts/cfform.js입니다.
-
HTML 기반 양식을 만들 경우에는 행 분리, 단락 분리, 서식 유지 텍스트, 표 등을 사용하여 양식의 서식을 지정할 수 있습니다. 하지만 ColdFusion 양식 안에 다른 ColdFusion 양식을 삽입할 수 없습니다. 즉, 태그를 중첩시킬 수는 없습니다. 반면에 한 페이지에 여러 개의 ColdFusion 양식을 삽입할 수는 있습니다.
Flash 기반 양식을 만들 경우에는 CSS(겹쳐 놓기 스타일 시트s) 스타일을 사용하여 양식의 레이아웃을 지정할 수 있습니다. ColdFusion은 양식에 있는 모든 HTML을 무시합니다.
ColdFusion 양식 필드에 설명 텍스트로 레이블을 지정하여 사용자가 어떤 작업을 수행할지 쉽게 알 수 있도록 하십시오. 예를 들어 이름 정보 요청을 위해 "이름 레이블을 입력하십시오."라는 레이블을 만들 수 있습니다.
[삽입] 패널이나 [삽입] 메뉴를 사용하여 ColdFusion 양식 컨트롤을 ColdFusion 양식에 신속하게 삽입할 수 있습니다. 먼저 빈 ColdFusion 양식을 만들어야 컨트롤을 삽입할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
값
페이지가 브라우저에서 처음으로 열릴 때 필드에 표시할 텍스트를 지정할 수 있습니다. 정보는 정적이거나 동적일 수 있습니다.
동적 값을 지정하려면 [값] 상자 옆에 있는 번개 모양 아이콘을 클릭하고 [동적 데이터] 대화 상자에서 레코드세트 열을 선택합니다. 레코드세트 열은 사용자가 브라우저에서 양식을 볼 때 텍스트 필드에 값을 제공합니다.
참고:
cfinput type="password" 태그에 대해서는 마스크 속성이 무시됩니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
ColdFusion 숨김 필드를 양식에 시각적으로 삽입한 다음 필드 속성을 설정할 수 있습니다. 숨김 필드를 사용하면 사용자가 입력하지 않은 정보를 저장하고 전송할 수 있습니다. 이 정보는 사용자에게 표시되지 않습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 버튼을 양식에 시각적으로 삽입한 다음 버튼 속성을 설정할 수 있습니다. ColdFusion 버튼은 ColdFusion 양식에서 수행할 수 있는 작업을 제어합니다. 버튼을 사용하여 ColdFusion 양식 데이터를 서버로 전송하거나 ColdFusion 양식을 재설정할 수 있습니다. 표준 ColdFusion 버튼에 일반적으로 지정되는 레이블은 [전송], [재설정] 또는 [보내기]입니다. 스크립트에 정의된 다른 처리 작업을 할당할 수도 있습니다. 예를 들어 양식 버튼에 할당된 값에 기반하여 선택한 항목의 총 비용을 계산할 수도 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
[ColdFusion] 체크 박스를 양식에 시각적으로 삽입한 다음 해당 속성을 설정할 수 있습니다. 체크 박스를 사용하면 사용자가 일련의 옵션에서 둘 이상의 옵션을 선택할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 라디오 버튼을 양식에 시각적으로 삽입한 다음 버튼 속성을 설정할 수 있습니다. 라디오 버튼을 사용하면 사용자가 일련의 옵션 중에서 한 개의 옵션만 선택할 수 있습니다. 라디오 버튼은 보통 그룹으로 사용됩니다. 그룹의 모든 라디오 버튼은 같은 이름을 사용해야 합니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 선택 상자를 양식에 시각적으로 삽입한 다음 선택 상자 속성을 설정할 수 있습니다. 선택 상자를 사용하면 방문자가 목록에서 하나 이상의 항목을 선택할 수 있습니다. 선택 상자는 한정된 공간에 많은 항목을 표시해야 할 경우에 유용하며, 서버로 반환되는 값을 제어하려는 경우에도 유용합니다. 올바르지 않은 데이터를 비롯하여 사용자가 원하는 것은 무엇이든 입력할 수 있는 텍스트 필드와는 달리, 선택 상자의 경우에는 메뉴를 통해 반환될 값을 정확하게 설정할 수 있습니다.
두 가지 유형의 선택 상자를 삽입할 수 있습니다. 하나는 클릭하면 아래로 펼쳐지는 "드롭다운" 메뉴이고 다른 하나는 항목을 선택할 수 있는 스크롤 목록이 표시되는 메뉴입니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 파일 필드를 양식에 시각적으로 삽입한 다음 필드 속성을 설정할 수 있습니다. 파일 필드를 사용하면 컴퓨터에 있는 워드 프로세싱 문서나 그래픽 파일과 같은 파일을 선택하여 이를 서버에 업로드할 수 있습니다. ColdFusion 파일 필드는 다른 텍스트 필드와 유사하지만 [검색] 버튼이 있다는 점이 다릅니다. 사용자가 직접 업로드할 파일의 경로를 입력하거나 [검색] 버튼을 사용하여 파일을 찾아 선택할 수 있습니다.
파일 필드를 사용하려면 POST 메서드를 사용하여 브라우저에서 서버로 파일을 전송해야 합니다. 파일은 해당 양식의 [액션] 상자에 지정된 주소로 전송됩니다. 양식에 파일 필드를 사용하기 전에 익명으로 파일을 업로드할 수 있는지 서버 관리자에게 문의하십시오.
파일 필드를 사용하려면 양식 인코딩도 multipart/form으로 설정해야 하는데, 파일 필드 컨트롤을 삽입하면 자동으로 설정됩니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 날짜 필드는 Dreamweaver에서 시각적으로 삽입할 수 없지만, 날짜 필드 속성은 시각적으로 설정할 수 있습니다. ColdFusion 날짜 필드는 팝업 달력에서 날짜를 선택하여 이를 텍스트 필드에 삽입할 수 있도록 하는 특별한 유형의 텍스트 필드입니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
참고:
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.