Dreamweaver에서 ColdFusion 양식 작성 및 활성화

마지막 업데이트 날짜 2024년 4월 25일
메모

Dreamweaver 이후 버전에서는 ColdFusion 지원이 제거되었습니다.

ColdFusion 양식 정보

ColdFusion 양식은 양식 데이터의 유효성 검사를 위한 여러 내장 메커니즘을 제공합니다. 예를 들어, 사용자가 유효한 날짜를 입력했는지 확인할 수 있습니다. 일부 양식 컨트롤은 추가적인 기능을 제공합니다. 일부는 HTML에 해당하는 기능이 없고, 다른 일부는 데이터 소스에서 컨트롤을 동적으로 채우는 것을 직접 지원합니다.

Dreamweaver는 ColdFusion MX 7 이후 버전을 개발 서버로 사용하는 ColdFusion 개발자를 위한 다양한 향상된 기능을 제공합니다. 이러한 향상된 기능에는 더 많은 삽입 패널 버튼, 메뉴 항목, 속성 검사기가 포함되어 있어 ColdFusion 양식을 빠르게 작성하고 속성을 설정할 수 있습니다. 또한 사이트 방문자가 제공한 정보의 유효성을 검사하는 코드를 생성할 수도 있습니다. 예를 들어, 사용자가 제공한 이메일 주소에 @ 기호가 포함되어 있는지 또는 필수 텍스트 필드에 특정 유형의 값이 포함되어 있는지 확인할 수 있습니다.

ColdFusion 확장 기능 사용

이러한 향상된 기능 중 일부는 ColdFusion MX 7 이후 버전을 실행하는 컴퓨터를 Dreamweaver의 테스트 서버로 정의해야 합니다. 예를 들어, 양식 컨트롤의 속성 검사기는 올바른 테스트 서버를 지정한 경우에만 사용할 수 있습니다.

테스트 서버는 한 번만 정의하면 됩니다. 그러면 Dreamweaver가 테스트 서버 버전을 자동으로 감지하고 ColdFusion을 감지하면 향상된 기능을 사용할 수 있게 합니다.

아직 하지 않았다면 ColdFusion 프로젝트에 대한 Dreamweaver 사이트를 정의하세요.
사이트 > 위치 관리를 선택하고 목록에서 사이트를 선택한 후 편집을 클릭합니다.
서버 범주를 선택하고 ColdFusion MX 7 이상을 실행하는 컴퓨터를 Dreamweaver 사이트의 테스트 서버로 지정합니다. 유효한 웹 URL을 지정했는지 확인하세요.
ColdFusion 문서를 엽니다.

ColdFusion 문서를 열 때까지는 Dreamweaver 작업 공간에 보이는 변경 사항이 없습니다.

ColdFusion 양식 만들기

여러 삽입 패널 버튼, 메뉴 항목 및 속성 관리자를 사용하여 Dreamweaver에서 ColdFusion 양식을 빠르게 만들고 속성을 설정할 수 있습니다.

메모

이러한 개선 사항은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

ColdFusion 페이지를 열고 ColdFusion 양식을 표시할 위치에 삽입점을 놓습니다.
[삽입] > [ColdFusion Objects] > [CFForm] > [CFForm]을 선택하거나 [삽입] 패널에서 [CFForm] 카테고리를 선택하고 [CF Form] 아이콘을 클릭합니다.

Dreamweaver가 빈 ColdFusion 양식을 삽입합니다. 디자인 뷰에 빨간 점선의 외곽선으로 양식이 표시됩니다. 이 윤곽선이 보이지 않으면 [보기] > [시각적 도우미] > [보이지 않는 요소]가 선택되어 있는지 확인하세요.

양식이 여전히 선택되어 있는지 확인한 다음 속성 검사기를 사용하여 다음 양식 속성을 설정합니다.

CFForm

양식 이름을 설정합니다.

액션

양식이 제출될 때 처리될 ColdFusion 페이지의 이름을 지정할 수 있습니다.

메서드

브라우저가 양식 데이터를 서버로 전송하는 데 사용하는 방법을 정의할 수 있습니다:

POST

HTTP post 방법을 사용하여 데이터를 전송합니다. 이 방법은 데이터를 별도의 메시지로 서버에 보냅니다.

GET

HTTP get 방법을 사용하여 데이터를 전송하며, 양식 필드 내용을 URL 쿼리 문자열에 배치합니다.

대상

cfform 태그의 target 특성 값을 수정할 수 있습니다.

인코딩 형식

양식 데이터 전송에 사용되는 인코딩 방식을 지정합니다.

메모

인코딩 형식은 문자 인코딩을 의미하지 않습니다. 이 속성은 메서드 값이 post일 경우 양식을 서버로 전송하는 데 사용되는 내용 유형을 지정합니다. 이 속성의 기본값은 application/x-www-form-urlencoded입니다.

서식

다음 중에서 만들 양식의 종류를 결정합니다.

HTML

HTML 양식을 작성하고 이를 클라이언트로 보냅니다. cfgrid 및 cftree 하위 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.

Flash

Flash 양식을 작성하고 이를 클라이언트로 보냅니다. 모든 컨트롤이 Flash 형식입니다.

XML

XForms XML을 생성하고 결과를 ColdFusion 양식 이름을 사용한 변수에 저장합니다.어떤 항목도 클라이언트로 보내지 않습니다. cfgrid 및 cftree 자식 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.

스타일

양식 스타일을 지정할 수 있습니다. 자세한 내용은 ColdFusion 문서를 참조하십시오.

Flash/XML 스킨

후광 색상을 지정하여 출력 내용을 양식화할 수 있습니다. 테마는 강조 표시되고 선택된 요소에 사용되는 색상을 결정합니다.

데이터 보호

양식이 자기 자신에게 게시할 때 초기 컨트롤 값을 제출된 값으로 재정의할지 여부를 결정합니다.

  • 거짓인 경우 컨트롤 태그 속성에 지정된 값이 사용됩니다.

  • [True]일 경우 전송된 값이 사용됩니다.

소스 스크립트

태그와 하위 태그에서 사용하는 클라이언트측 코드가 포함된 JavaScript 파일의 웹 루트를 기준으로 한 URL을 지정합니다. 파일이 기본 위치에 없는 경우 이 속성이 유용합니다. 일부 호스팅 환경과 /CFIDE 디렉터리에 대한 액세스를 차단하는 구성에서는 이 속성이 필요할 수 있습니다. 기본 위치는 ColdFusion Administrator에서 설정됩니다. 기본적으로 /CFIDE/scripts/cfform.js입니다.

보관

cfgrid, cfslider, cftree 애플릿 컨트롤용 다운로드 가능한 Java 클래스의 URL을 지정합니다. 기본 위치는 /CFIDE/classes/cfapplets.jar입니다.

높이

양식의 높이를 지정합니다.

양식의 폭을 지정합니다.

cfform용 태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 양식 컨트롤을 삽입합니다.

ColdFusion 폼 컨트롤을 ColdFusion 폼에 표시할 위치에 삽입 포인트를 두고 삽입 메뉴([삽입] > [ColdFusion 오브젝트] > [CFForm])에서 컨트롤을 선택하거나 삽입 패널의 CFForm 카테고리에서 선택합니다.

필요한 경우 속성 인스펙터로 컨트롤의 속성을 설정합니다.

디자인 보기에서 컨트롤이 선택되었는지 확인한 다음 속성 인스펙터에서 속성을 설정합니다. 속성에 대한 자세한 정보를 보려면 속성 인스펙터에서 도움말 아이콘을 클릭하십시오.

ColdFusion 양식의 레이아웃을 조정합니다.

HTML 기반 폼을 만드는 경우 줄 바꿈, 단락 바꿈, 미리 포맷된 텍스트 또는 테이블을 사용하여 폼 서식을 지정할 수 있습니다. ColdFusion 폼을 다른 ColdFusion 폼 내에 삽입할 수는 없지만(즉, 태그를 겹칠 수 없음) 페이지에 둘 이상의 ColdFusion 폼을 포함할 수 있습니다.

Flash 기반 폼을 만드는 경우 Cascading Style Sheets(CSS) 스타일을 사용하여 폼을 레이아웃하십시오.ColdFusion은 양식에 있는 모든 HTML을 무시합니다.

ColdFusion 양식 필드에는 사용자가 무엇에 응답하는지 알 수 있도록 설명이 포함된 텍스트로 레이블을 지정해야 합니다. 예를 들어 이름 정보를 요청하기 위해 "이름을 입력하세요 레이블"을 만들기합니다.

ColdFusion 양식 컨트롤 삽입

[삽입] 패널이나 [삽입] 메뉴를 사용하여 ColdFusion 양식 컨트롤을 ColdFusion 양식에 빠르게 삽입할 수 있습니다. 컨트롤을 삽입하기 전에 빈 ColdFusion 양식을 만들어야 합니다.

메모

이러한 개선 사항은 ColdFusion MX 7 이상이 실행되는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

디자인 보기에서 양식 윤곽선 안에 삽입점을 배치합니다.
[삽입] 메뉴([삽입] > [ColdFusion 개체] > [CFForm])에서 컨트롤을 선택하거나 [삽입] 패널의 [CFForm] 범주에서 선택합니다.
페이지에서 컨트롤을 클릭하여 선택한 다음 [속성] 관리자에서 속성을 설정합니다.

특정 컨트롤의 속성에 대한 정보는 컨트롤에 관한 항목을 참조하십시오.

ColdFusion 텍스트 필드 삽입하기

ColdFusion 텍스트 필드나 암호 필드를 양식에 시각적으로 삽입한 다음 옵션을 설정할 수 있습니다.

메모

이 개선 사항은 ColdFusion MX 7 이상이 실행되는 컴퓨터에 대한 액세스 권한이 있는 경우에만 사용할 수 있습니다.

ColdFusion 텍스트 필드 시각적으로 삽입하기

디자인 보기에서 양식 윤곽선 안에 삽입점을 배치하세요.
[삽입] 패널의 [CFForm] 범주에서 [CF 텍스트 필드] 아이콘을 클릭하거나 [삽입] > [ColdFusion 개체] > [CFForm] > [CFtextfield]를 선택합니다.

양식에 텍스트 필드가 나타납니다.

텍스트 필드를 선택하고 [속성] 관리자에서 속성을 설정합니다.
페이지에서 텍스트 필드에 레이블을 지정하려면 텍스트 필드 옆을 클릭하고 레이블 텍스트를 입력합니다.

암호 필드를 시각적으로 삽입하기

텍스트 필드를 삽입하는 이전 절차의 1단계와 2단계를 반복합니다.
삽입된 텍스트 필드를 선택하여 [속성] 관리자를 표시합니다.
[속성] 관리자의 [텍스트 모드] 팝업 메뉴에서 [암호] 값을 선택합니다.

CFTextField 옵션(ColdFusion)

ColdFusion 텍스트 또는 암호 필드의 옵션을 설정하려면 [CFTextField 속성] 관리자에서 다음 옵션 중 하나를 설정합니다:

CFtextfield

id 속성(<cfinput> 태그)을 설정합니다.

페이지가 브라우저에서 처음 열릴 때 필드에 표시될 텍스트를 지정할 수 있습니다. 정보는 정적이거나 동적일 수 있습니다.

동적 값을 지정하려면 [값] 상자 옆의 번개 아이콘을 클릭하고 [동적 데이터] 대화 상자에서 레코드 집합 열을 선택합니다. 레코드 집합 열은 브라우저에서 양식을 볼 때 텍스트 필드에 값을 제공합니다.

텍스트 모드

표준 텍스트 입력 필드와 암호 입력 필드 사이를 전환할 수 있습니다. 이 컨트롤이 수정하는 속성은 type입니다.

읽기 전용

표시되는 텍스트를 읽기 전용으로 설정할 수 있습니다.

최대 길이

텍스트 필드에서 허용되는 최대 문자 수를 설정합니다.

마스크

요청된 텍스트에 대한 마스크를 지정할 수 있습니다. 이 속성을 사용하여 사용자 입력에 대한 유효성을 검사하십시오. 마스크 형식은 A, 9, X 및 ?로 구성됩니다. 문자

메모

cfinput type="password" 태그에 대해서는 마스크 속성이 무시됩니다.

유효성 검사

현재 필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드가 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

텍스트 필드에 대한 레이블을 지정할 수 있습니다.

패턴

입력을 유효성 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.

크기

컨트롤의 크기를 지정할 수 있습니다.

필수

양식이 서버로 제출되기 전에 텍스트 필드에 데이터가 포함되어야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 숨김 필드 삽입하기

ColdFusion 숨김 필드를 양식에 시각적으로 삽입하고 속성을 설정하십시오.사용자가 입력하지 않는 정보를 저장하고 제출하려면 숨김 필드를 사용하십시오. 이 정보는 사용자에게 숨겨집니다.

메모

이 향상 기능은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

디자인 보기에서 양식 윤곽선 내부에 삽입 지점을 놓으십시오.
[삽입] 패널의 [CFForm] 카테고리에서 [CF 숨김 필드] 아이콘을 클릭하십시오.

ColdFusion 양식에 표식이 나타납니다. 마커가 보이지 않으면 [보기] > [시각적 도구] > [숨겨진 요소]를 선택하십시오.

페이지에서 숨김 필드를 선택하고 속성 검사기에서 다음 옵션 중 하나를 설정하십시오:

Cfhiddenfield

숨김 필드에 대해 고유한 이름을 지정할 수 있습니다.

숨김 필드에 대한 값을 지정할 수 있습니다. 데이터는 정적이거나 동적일 수 있습니다.

동적 값을 지정하려면 값 상자 옆의 번개 아이콘을 클릭하고 동적 데이터 대화 상자에서 레코드 집합 열을 선택하십시오. 브라우저에서 양식을 볼 때 레코드 집합 열이 텍스트 필드에 값을 제공합니다.

유효성 검사

현재 필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드가 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

컨트롤에 대한 레이블을 지정할 수 있습니다. 이 속성은 런타임 시 ColdFusion 서버에서 무시됩니다.

패턴

입력을 유효성 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

크기

컨트롤의 크기를 지정할 수 있습니다. 이 속성은 런타임 시 ColdFusion 서버에서 무시됩니다.

필수

양식이 서버로 제출되기 전에 숨김 필드에 데이터가 포함되어야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 텍스트 영역 삽입하기

ColdFusion 텍스트 영역을 양식에 시각적으로 삽입하고 속성을 설정할 수 있습니다. 텍스트 영역은 여러 줄의 텍스트로 구성된 입력 요소입니다.

메모

이 향상 기능은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

양식 외곽선 안에 삽입 포인터를 놓습니다.
[삽입] 패널의 CFForm 카테고리에서 [CF Text Area] 아이콘을 클릭합니다.

ColdFusion 양식에 텍스트 영역이 나타납니다.

페이지에서 텍스트 영역을 선택하고 속성 관리자에서 다음 옵션 중 하나를 설정하십시오:

Cftextarea

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

문자 폭

한 행의 문자 수를 설정할 수 있습니다.

행 수

텍스트 영역에 표시할 행 수를 설정할 수 있습니다.

줄바꿈

사용자가 입력한 텍스트를 줄 바꿈하는 방식을 지정할 수 있습니다.

필수

사용자가 필드에 데이터를 입력해야 하는지(체크됨) 또는 그렇지 않은지(체크되지 않음)를 지정할 수 있습니다.

기본값

페이지를 브라우저에서 처음 열 때 텍스트 영역에 표시할 텍스트를 지정할 수 있습니다.

유효성 검사

필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드가 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

컨트롤에 대한 레이블을 지정할 수 있습니다.

스타일

컨트롤 스타일을 지정할 수 있습니다. 자세한 정보는 ColdFusion 문서를 참조하세요.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

텍스트 영역에 레이블을 지정하려면 옆을 클릭하고 레이블 텍스트를 입력하세요.

ColdFusion 버튼 삽입하기

ColdFusion 버튼을 양식에 시각적으로 삽입하고 속성을 설정할 수 있습니다. ColdFusion 버튼은 ColdFusion 양식에서 수행할 수 있는 작업을 제어합니다. 버튼은 ColdFusion 양식 데이터를 서버에 제출하거나 ColdFusion 양식을 재설정하는 데 사용할 수 있습니다. 표준 ColdFusion 버튼에는 일반적으로 Submit, Reset, Send 레이블이 지정됩니다.스크립트에서 정의한 다른 처리 작업을 할당할 수도 있습니다.예를 들어, 버튼은 할당된 값을 기반으로 선택된 항목의 총 비용을 계산할 수 있습니다.

메모

이 향상 기능은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

ColdFusion 양식 윤곽선 안에 삽입 지점을 배치하세요.
[삽입] 패널의 CFForm 카테고리에서 [CF Button] 아이콘을 클릭합니다.

ColdFusion 양식에 버튼이 나타납니다.

페이지에서 버튼을 선택하고 [속성] 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfbutton

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

액션

만들 버튼의 유형을 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

다른 속성은 런타임에 ColdFusion 서버에서 무시됩니다.

ColdFusion 체크 박스 삽입하기

ColdFusion 체크 박스를 양식에 시각적으로 삽입하고 속성을 설정할 수 있습니다. 체크 박스를 사용하면 사용자가 옵션 세트에서 둘 이상의 옵션을 선택할 수 있습니다.

메모

이 향상 기능은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

양식 외곽선 안에 삽입 포인터를 놓습니다.
[삽입] 패널의 CFForm 카테고리에서 [CF Checkbox] 아이콘을 클릭합니다.

ColdFusion 양식에 체크 박스가 나타납니다.

페이지에서 체크 박스를 선택하고 [속성] 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfcheckbox

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

체크값

사용자가 체크박스를 선택할 경우 반환될 값을 지정할 수 있습니다.

초기 상태

페이지가 브라우저에서 처음 열릴 때 체크박스가 선택되어 있는지 여부를 지정할 수 있습니다.

유효성 검사

체크 박스에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

체크박스의 유효성 검사 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

체크 박스의 레이블을 지정할 수 있습니다.

패턴

입력을 유효성 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

크기

컨트롤의 크기를 지정할 수 있습니다. 이 속성은 런타임에 ColdFusion 서버에서 무시됩니다.

필수

폼이 서버로 제출되기 전에 체크박스를 반드시 선택해야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

체크박스에 레이블을 지정하려면 페이지에서 체크박스 옆을 클릭하고 레이블 텍스트를 입력하십시오.

ColdFusion 라디오 버튼 삽입하기

ColdFusion 라디오 버튼을 폼에 시각적으로 삽입하고 속성을 설정할 수 있습니다. 사용자가 옵션 세트에서 하나의 선택 사항만 선택하도록 하려면 라디오 버튼을 사용하십시오. 라디오 버튼은 일반적으로 그룹으로 사용됩니다. 그룹 내의 모든 라디오 버튼은 동일한 이름을 가져야 합니다.

메모

이 개선 사항은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

양식 외곽선 안에 삽입 포인터를 놓습니다.
[삽입] > [ColdFusion Objects] > [CFForm] > [CFradiobutton]을 선택합니다.

ColdFusion 양식에 라디오 버튼이 나타납니다.

페이지에서 라디오 버튼을 선택하고 속성 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfradiobutton

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

체크값

사용자가 라디오 버튼을 선택할 때 반환될 값을 지정할 수 있습니다.

초기 상태

페이지가 브라우저에서 처음 열릴 때 라디오 버튼이 선택되어 있는지 지정할 수 있습니다.

유효성 검사

라디오 버튼에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

라디오 버튼이 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

라디오 버튼의 레이블을 지정할 수 있습니다.

패턴

입력을 유효성 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

크기

컨트롤의 크기를 지정할 수 있습니다. 이 속성은 런타임 시 ColdFusion 서버에서 무시됩니다.

필수

양식이 서버로 제출되기 전에 라디오 버튼을 반드시 선택해야 하는지 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

라디오 버튼에 레이블을 지정하려면 페이지에서 라디오 버튼 옆을 클릭하고 레이블 텍스트를 입력하세요.

ColdFusion 선택 상자 삽입하기

ColdFusion 선택 상자를 양식에 시각적으로 삽입하고 속성을 설정할 수 있습니다. 선택 상자를 사용하면 방문자가 목록에서 하나 이상의 항목을 선택할 수 있습니다. 선택 상자는 공간이 제한되어 있지만 많은 항목을 표시해야 할 때 유용합니다. 또한 서버로 반환되는 값을 제어하려는 경우에도 유용합니다. 사용자가 잘못된 데이터를 포함하여 원하는 모든 것을 입력할 수 있는 텍스트 필드와 달리, 선택 상자를 사용하면 메뉴에서 반환되는 정확한 값을 설정할 수 있습니다.

양식에 두 가지 유형의 선택 상자를 삽입할 수 있습니다. 사용자가 클릭할 때 "드롭다운"되는 메뉴 또는 사용자가 선택할 수 있는 스크롤 가능한 항목 목록을 표시하는 메뉴입니다.

메모

이 기능 향상은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

양식 외곽선 안에 삽입 포인터를 놓습니다.
[삽입] 패널의 CFForm 범주에서 [CF Select] 아이콘을 클릭합니다.

ColdFusion 양식에 선택 상자가 나타납니다.

페이지에서 선택 상자를 선택하고 [속성] 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfselect

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

유형

팝업 메뉴나 목록 중에서 선택할 수 있습니다. 목록 유형을 선택하면 [목록 높이] 및 [다중 목록 선택 허용] 옵션을 사용할 수 있습니다.

목록 높이

목록 메뉴에 표시할 줄 수를 지정할 수 있습니다. 이 옵션은 목록 유형을 선택한 경우에만 사용할 수 있습니다.

복수 목록 선택 허용

사용자가 한 번에 목록에서 둘 이상의 옵션을 선택할 수 있는지 여부를 지정할 수 있습니다. 목록 유형을 선택한 경우에만 사용할 수 있습니다.

값 편집

선택 상자에서 옵션을 추가, 편집 또는 제거할 수 있는 대화 상자를 엽니다.

초기 선택

기본적으로 선택할 옵션을 지정할 수 있습니다. [다중 목록 선택 허용] 옵션을 선택한 경우 둘 이상의 옵션을 선택할 수 있습니다.

레코드세트

목록이나 메뉴를 채우는 데 사용할 ColdFusion 쿼리의 이름을 지정할 수 있습니다.

열 표시

각 목록 요소의 표시 레이블을 제공할 레코드세트 열을 지정할 수 있습니다.[레코드세트] 속성과 함께 사용됩니다.

값 열

각 목록 요소의 값을 제공할 레코드 집합 열을 지정할 수 있습니다. [레코드세트] 속성과 함께 사용됩니다.

Flash 레이블

선택 상자의 레이블을 지정할 수 있습니다.

Flash 높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

Flash 폭

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

메시지

[필수] 속성이 [예]로 설정되어 있고 사용자가 양식을 제출하기 전에 선택하지 않은 경우 표시될 메시지를 지정합니다.

필수

양식을 서버에 제출하기 전에 메뉴 항목을 선택해야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 이미지 필드 삽입하기

양식에 ColdFusion 이미지 필드를 시각적으로 삽입하고 옵션을 설정할 수 있습니다. 이미지 필드를 사용하면 사용자 정의 버튼을 만들 수 있습니다.

메모

이 향상된 기능은 ColdFusion MX 7 이상이 실행되는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

[디자인] 보기에서 양식 윤곽선 내부에 삽입 지점을 놓습니다.
[삽입] 패널의 CFForm 범주에서 [CF Image Field] 아이콘을 클릭합니다. [찾아보기]를 사용하여 삽입할 이미지를 선택하고 [확인]을 클릭합니다.또는 [Src] 상자에 이미지 파일의 경로를 입력할 수 있습니다.
메모

이미지가 사이트 루트 폴더 외부에 있는 경우 이미지를 루트 폴더에 복사해야 합니다.루트 폴더 외부의 이미지는 사이트를 게시할 때 액세스할 수 없을 수 있습니다.

페이지에서 이미지 필드를 선택하고 속성 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfimagefield

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

소스

삽입한 이미지의 URL을 지정할 수 있습니다.

그림 설명

이미지를 표시할 수 없을 때 표시할 메시지를 지정할 수 있습니다.

정렬

이미지 정렬 방식을 지정할 수 있습니다.

테두리

이미지 테두리의 폭을 설정할 수 있습니다.

이미지 편집

기본 이미지 편집기에서 이미지를 엽니다.

기본 이미지 편집기를 정의하려면 [편집] > [환경 설정] > [파일 유형/편집기]를 선택합니다. 그렇지 않으면 [이미지 편집] 버튼이 아무 작업을 수행하지 않습니다.

유효성 검사

이미지 필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드의 유효성이 검사되는 시점을 지정합니다: onSubmit, onBlur 또는 onServer.

레이블

라디오 버튼의 레이블을 지정할 수 있습니다.

패턴

입력의 유효성을 검사할 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.

크기

컨트롤의 크기를 지정할 수 있습니다. 이 속성은 런타임 시 ColdFusion 서버에서 무시됩니다.

필수

양식이 서버로 제출되기 전에 컨트롤에 데이터가 포함되어야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 파일 필드 삽입하기

ColdFusion 파일 필드를 양식에 시각적으로 삽입하고 속성을 설정할 수 있습니다. 파일 필드를 사용하면 사용자가 워드프로세싱 문서나 그래픽 파일과 같은 파일을 컴퓨터에서 선택하여 서버에 업로드할 수 있습니다. ColdFusion 파일 필드는 다른 텍스트 필드와 비슷하지만 찾아보기 버튼도 있습니다. 사용자는 업로드하려는 파일의 경로를 수동으로 입력하거나 찾아보기 버튼을 사용하여 파일을 찾아 선택할 수 있습니다.

파일 필드에서는 브라우저에서 서버로 파일을 전송하기 위해 POST 메서드를 사용해야 합니다.파일은 양식의 [작업] 상자에 지정한 주소로 게시됩니다. 양식에서 파일 필드를 사용하기 전에 익명 파일 업로드가 허용되는지 서버 관리자에게 문의하십시오.

파일 필드에는 양식 인코딩이 multipart/form으로 설정되어야 합니다. Dreamweaver는 파일 필드 컨트롤을 삽입할 때 이를 자동으로 설정합니다.

메모

이 기능 향상은 ColdFusion MX 7 이상이 실행되는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

디자인 보기에서 CFForm을 선택하여 속성 검사기를 표시합니다.

양식을 빠르게 선택하려면 양식 윤곽선의 아무 곳이나 클릭하고 문서 창 하단의 태그 선택기에서 <cfform> 태그를 클릭합니다.

속성 관리자에서 양식 메서드를 [POST]로 설정합니다.
[인코딩 형식] 팝업 메뉴에서 [multipart/form-data]를 선택합니다.
파일 필드가 나타날 양식 윤곽선 내부에 삽입점을 배치합니다.
[삽입] > [ColdFusion Objects] > [CFForm] > [CFfilefield]를 선택하십시오.

문서에 파일 필드가 나타납니다.

페이지에서 파일 필드를 선택하고 속성 검사기에서 다음 속성 중 하나를 설정하십시오:

Cffilefield

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

최대 길이

파일 경로에 포함될 수 있는 최대 문자 수를 지정할 수 있습니다.

유효성 검사

필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드가 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur, 또는 onServer.

레이블

필드에 대한 레이블을 지정할 수 있습니다.

패턴

입력의 유효성을 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.

크기

컨트롤의 크기를 지정할 수 있습니다.

필수

양식이 서버로 제출되기 전에 파일 필드에 데이터가 포함되어야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 날짜 필드 삽입하기

Dreamweaver에서 ColdFusion 날짜 필드를 시각적으로 삽입할 수는 없지만 해당 속성을 시각적으로 설정할 수 있습니다. ColdFusion 날짜 필드는 사용자가 팝업 캘린더에서 날짜를 선택하여 텍스트 필드에 삽입할 수 있는 특수한 텍스트 필드입니다.

메모

이 향상된 기능은 ColdFusion MX 7 이상이 실행되는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

디자인 보기에서 CFForm을 선택하여 해당 속성 검사기를 표시합니다.

양식을 빠르게 선택하려면 양식 윤곽선의 아무 곳이나 클릭하고 문서 창 하단에 있는 태그 선택기에서 <cfform> 태그를 클릭합니다.

속성 관리자에서 양식의 형식 속성을 Flash로 설정합니다.

일자 필드 컨트롤은 Flash 기반 ColdFusion 양식에서만 렌더링할 수 있습니다.

코드 보기로 전환하고([보기] > [코드]) 여는 CFForm 태그와 닫는 CFForm 태그 사이 아무 곳에나 다음 태그를 입력합니다:

<cfinput name="datefield" type="datefield">

디자인 보기로 전환하고 페이지에서 날짜 필드를 선택한 다음 속성 관리자에서 다음 옵션 중 하나를 설정합니다:

Cfdatefield

컨트롤에 대해 고유한 이름을 지정할 수 있습니다.

페이지가 브라우저에서 처음 열릴 때 필드에 표시할 날짜를 지정할 수 있습니다. 날짜는 정적 또는 동적일 수 있습니다.

동적 값을 지정하려면 값 상자 옆의 번개 아이콘을 클릭하고 동적 데이터 대화 상자에서 레코드 집합 열을 선택합니다. 레코드 집합 열은 브라우저에서 양식을 볼 때 날짜 필드에 값을 제공합니다.

유효성 검사

필드에 대한 유효성 검사 유형을 지정합니다.

유효성 검사 시간

필드가 유효성 검사되는 시점을 지정합니다: onSubmit, onBlur, 또는 onServer.

레이블

필드에 대한 레이블을 지정할 수 있습니다.

패턴

입력의 유효성을 검사하기 위한 JavaScript 정규 표현식 패턴을 지정할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 문서를 참조하십시오.

높이

컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.

컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.

크기

컨트롤의 크기를 지정할 수 있습니다.

필수

양식이 서버로 제출되기 전에 날짜 필드에 값이 포함되어야 하는지 여부를 지정할 수 있습니다.

태그 편집기 표시

속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.

ColdFusion 양식 컨트롤 수정하기

디자인 보기에서 작업하든 코드 보기에서 작업하든 ColdFusion 양식 컨트롤의 속성을 시각적으로 변경할 수 있습니다.

메모

이 향상된 기능은 ColdFusion MX 7 이상이 실행되는 컴퓨터를 사용할 수 있는 경우에만 이용할 수 있습니다.

디자인 보기에서 페이지의 양식 컨트롤을 선택하십시오. 코드 보기에서는 컨트롤의 태그 내부 아무 곳이나 클릭하십시오.

속성 관리자에 양식 컨트롤의 속성이 표시됩니다.

속성 관리자에서 컨트롤의 속성을 변경합니다.

자세한 내용을 보려면 속성 관리자에서 도움말 아이콘을 클릭하십시오.

더 많은 속성을 설정하려면 속성 관리자에서 [태그 편집기 표시] 버튼을 클릭하고 나타나는 태그 편집기에서 속성을 설정하십시오.

ColdFusion 양식 데이터의 유효성 검사

Dreamweaver에서 지정된 필드의 내용을 확인하여 사용자가 올바른 데이터 유형을 입력했는지 검증하는 ColdFusion 양식을 작성할 수 있습니다.

메모

이 기능은 ColdFusion MX 7 이상을 실행하는 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.

하나 이상의 입력 필드와 하나의 제출 버튼을 포함하는 ColdFusion 양식을 만드십시오.유효성 검사할 모든 ColdFusion 필드에 고유한 이름이 있는지 확인하십시오.
양식에서 유효성을 검사하려는 필드를 선택합니다.
속성 관리자에서 필드를 유효성 검사할 방법을 지정하십시오.

각 입력 속성 관리자의 하단에는 특정 유효성 검사 규칙을 정의하는 데 도움이 되는 컨트롤이 있습니다.예를 들어, 텍스트 필드에 전화 번호가 포함되도록 지정할 수 있습니다.이렇게 하려면 속성 관리자의 [값] 팝업 메뉴에서 [Telephone]을 선택하십시오.유효성 검사 시기 팝업 메뉴에서 유효성 검사 시기를 지정할 수도 있습니다.