웹 양식에 필드 추가

웹 양식에서 필드를 사용하면 정보를 입력하고 옵션을 선택할 수 있습니다. 웹 양식은 입력 필드, 선택 필드, 정적 컨텐츠 및 고급 컨텐츠(캡션, 구독 등)를 제공할 수 있습니다.

마법사를 사용하여 필드를 추가하면 선택한 필드나 저장소 변수에 따라 필드 유형이 자동으로 검색됩니다. General 탭의 Type 드롭다운 상자를 사용하여 편집할 수 있습니다.

도구 모음에서 단추를 사용할 때 추가할 필드 유형을 선택합니다.

다음 유형의 필드를 사용할 수 있습니다.

응답 저장소 모드를 지정하십시오.데이터베이스의 필드를 업데이트하거나(마지막으로 저장한 값만 저장) 변수에 저장합니다(답변은 저장되지 않음). 자세한 내용은 응답 저장소 필드를 참조하십시오.

노트

기본적으로 현재 트리의 맨 아래에 필드가 삽입됩니다. 도구 모음의 화살표를 사용하여 위 또는 아래로 이동합니다.

필드 만들기 마법사

양식의 각 페이지에 대해 도구 모음의 첫 번째 단추를 통해 필드를 추가할 수 있습니다. 이렇게 하려면 Add using the wizard 메뉴로 이동합니다.

만들려는 필드 유형을 선택합니다.데이터베이스에 필드, 변수 또는 다른 형식으로 만들어 컨테이너에서 수집한 필드 그룹을 가져오도록 선택할 수 있습니다.

Next​을 클릭하고 저장소 필드나 변수 또는 가져올 컨테이너를 선택합니다.

Finish​을 클릭하여 선택한 필드를 페이지에 삽입합니다.

입력 필드추가

입력 필드를 추가하려면 Input control 단추를 클릭하고 추가할 필드 유형을 선택합니다.

입력 필드 유형

양식 페이지에 5가지 유형의 텍스트 필드를 삽입할 수 있습니다.

  • 텍스트:한 줄에 텍스트를 입력할 수 있습니다.

  • 번호:한 줄에 숫자를 입력할 수 있습니다. 자세한 내용은 숫자 추가를 참조하십시오.

    페이지가 승인되면 필드 컨텐츠가 확인되어 입력한 값이 필드와 호환되는지 확인합니다. 자세한 내용은 제어 설정 정의를 참조하십시오.

  • 암호:단일 행에 텍스트를 입력할 수 있습니다. 텍스트 입력 시 문자가 마침표로 바뀝니다.

    주의

    암호는 암호화되지 않은 상태로 데이터베이스에 저장됩니다.

  • 여러 줄 텍스트:여러 줄에 텍스트를 입력할 수 있습니다.

    주의

    여러 줄 텍스트 필드는 캐리지 리턴을 포함할 수 있는 특정 필드입니다. 저장소 공간은 XML 특성이 아닌 XML 요소에 매핑된 필드와 연결해야 합니다. 스키마의 데이터 유형에 대한 자세한 내용은 이 섹션의 "스키마 참조" 장을 참조하십시오.

    Survey 모듈을 사용하는 경우 형식에 자동으로 적용되는 보관된 필드에 이 유형의 필드를 저장할 수 있습니다. 이 작업에 대한 자세한 정보는 이 섹션을 참조하십시오.

  • 여러 줄로 된 텍스트:HTML 형식으로 저장되는 레이아웃으로 텍스트를 입력할 수 있습니다.

    사용자에게 제공되는 편집기 유형을 선택할 수 있습니다. 이렇게 하려면 Advanced 탭의 HTML editor 필드의 드롭다운 상자를 사용합니다.

    표시되는 아이콘의 수는 편집기 유형에 따라 다릅니다. Advanced 편집기의 경우 렌더링은 다음과 같습니다.

입력 필드구성

입력 필드는 모두 다음 옵션을 사용하여 동일한 모드를 기반으로 구성됩니다.

General 탭에서는 필드 이름을 입력하고 필요한 경우 기본값을 지정할 수 있습니다.

응답 저장 모드는 Edit storage… 링크를 통해 변경할 수 있습니다. 값은 데이터베이스의 기존 필드에 저장할 수 있습니다.또는 데이터베이스에 정보를 저장하지 않도록 선택할 수 있습니다(로컬 변수 사용).

Advanced 탭에서는 필드의 표시 매개 변수(레이블 위치, 정렬 등)를 정의할 수 있습니다. 웹 양식 레이아웃 정의를 참조하십시오.

드롭다운 목록 추가 중

드롭다운 목록을 설문 조사 페이지에 삽입할 수 있습니다. 드롭다운 메뉴에서 오퍼의 값을 선택할 수 있습니다.

양식 페이지에 드롭다운 상자를 추가하려면 페이지 편집기의 도구 모음에서 Selection controls > Drop-down list 단추를 클릭합니다.

답변 저장 모드를 선택하고 선택을 확인합니다.

General 탭의 아래쪽 섹션에 있는 목록의 레이블 및 값을 정의합니다. 정보가 데이터베이스의 기존 필드에 저장되고 열거형 필드인 경우 아래와 같이 Initialize the list of values from the database​을 클릭하여 값을 자동으로 입력할 수 있습니다.

노트

값 목록 오른쪽에 있는 화살표를 사용하여 시퀀스를 변경합니다.

데이터가 연결된 테이블에 저장되어 있는 경우 목록에서 제안할 값을 저장할 필드를 선택할 수 있습니다. 예를 들어 국가 테이블을 선택하는 경우 Initialize the list of values from the database…​을 클릭하고 원하는 필드를 선택합니다.

그런 다음 Load 링크를 클릭하여 값을 검색합니다.

주의

목록이 업데이트될 때마다 이 작업을 반복하여 오퍼의 값을 새로 고칩니다.

확인란추가

사용자가 옵션을 선택하려면 확인란을 사용해야 합니다.

양식에 확인란을 추가하려면 페이지 편집기의 도구 모음에서 Selection controls > Checkbox… 아이콘을 클릭합니다.

답변 저장 모드를 선택하고 선택을 확인합니다.

General 탭의 Label 필드에 상자의 레이블을 입력합니다.

확인란을 선택하면 확인란을 선택했는지 여부에 따라 저장소 필드(또는 값)에 값을 할당할 수 있습니다. Values 섹션에서는 Value 필드에서 상자를 선택한 경우 할당할 값을 입력하고 선택하지 않으면 할당할 값을 입력할 수 있습니다( Empty value 필드). 이러한 값은 데이터 저장소 형식에 따라 다릅니다.

저장소 필드(또는 변수)가 부울이면 확인란을 선택하지 않으면 할당할 값을 자동으로 추론합니다. 이 경우 아래와 같이 Value if checked 필드만 제공됩니다.

예:상자가 선택된 경우 필드에 값을 지정합니다.

아래와 같이 유지 관리 요청을 보낼 수 있는 확인란을 양식에 삽입하려고 합니다.

정보는 데이터베이스와 기존 필드에 업로드됩니다(이 경우 Comment 필드).

"유지 관리 필요" 상자를 선택하면 Comment 열에는 "유지 관리 필요"가 포함됩니다. 이 상자를 선택하지 않으면 열에 "유지 관리가 필요하지 않음"이 표시됩니다. 이 결과를 얻으려면 양식 페이지의 체크 상자에 다음 구성을 적용합니다.

라디오 단추추가

라디오 단추를 사용하면 사용자에게 선택할 수 있는 일련의 전용 옵션을 제공할 수 있습니다. 동일한 필드에 대한 값이 다릅니다.

라디오 단추를 개별적으로 만들거나(전용 단추) 복수 선택 목록을 통해 만들 수 있습니다. 그러나 라디오 단추 포인트는 한 옵션 또는 다른 옵션을 선택하는 것이므로 라디오 단추 쌍을 항상 만들어야 하며, 한 단추만 만드는 것은 아닙니다.

주의

선택을 필수 항목으로 지정하려면 객관식 목록을 만들어야 합니다.

단일 단추 추가

양식 페이지에 라디오 단추를 추가하려면 페이지 편집기의 도구 모음에 있는 Selection controls > Radio button 메뉴로 이동하여 저장소 모드를 선택합니다.

라디오 버튼은 확인란과 유사한 방식으로 구성됩니다( 확인란 추가 참조). 그러나 옵션을 선택하지 않으면 값이 할당되지 않습니다. 여러 단추가 상호 종속되도록 하려면(예: 단추를 선택하면 다른 단추가 자동으로 선택 취소되지만 동일한 필드에 저장해야 합니다). 데이터베이스에 저장되지 않은 경우 임시 저장에 동일한 로컬 변수를 사용해야 합니다. 응답 저장소 필드를 참조하십시오.

단추 목록추가

목록을 통해 라디오 단추를 추가하려면 페이지 편집기의 도구 모음에 있는 Selection controls>Multiple choice 메뉴로 이동합니다.

레이블이 있는 만큼 라디오 단추를 추가합니다. 이 기능의 장점은 기존 필드(항목별 필드의 경우)에서 값을 가져와서 사용자가 하나의 옵션을 선택할 수 있도록 하는 것입니다. 그러나 단추 레이아웃은 유연하지 않습니다.

노트

웹 양식에서 여러 값을 선택하도록 인증하지 않습니다. Survey 형식 양식에 대해서만 다중 선택을 활성화할 수 있습니다. 이 작업에 대한 자세한 정보는 이 섹션을 참조하십시오.
그러나 웹 응용 프로그램에 Multiple choice 유형 필드를 삽입할 수는 있습니다.하지만 여러 값을 선택할 수 있도록 승인하지 않은 경우:제공되는 옵션은 라디오 단추를 사용하여 선택할 수 있습니다.

격자추가

격자는 웹 응용 프로그램에서 투표 페이지를 디자인하는 데 사용됩니다. 다음과 같이 설문 조사 또는 평가 유형 웹 양식에 응답하는 라디오 단추 목록을 제공할 수 있습니다.

양식에서 이러한 유형의 요소를 사용하려면 간단한 격자를 만들고 각 요소의 값을 계산할 줄을 추가하십시오.

격자의 각 행에 있는 라디오 단추 수는 단순 격자에 정의된 값의 수와 일치합니다.

격자 라인당 하나의 옵션만 선택할 수 있습니다.

노트

이 예제에서는 격자 레이블이 숨겨집니다. 이렇게 하려면 Advanced 탭으로 이동합니다. Label position 디스플레이가 Hidden​로 정의됩니다. 레이블 위치 정의를 참조하십시오.

날짜 및 번호 추가

양식 필드의 내용은 데이터베이스에 저장된 데이터와 일치하거나 특정 요구 사항을 충족하기 위해 형식을 지정할 수 있습니다. 숫자 및 날짜 입력에 적합한 필드를 만들 수 있습니다.

날짜추가

사용자가 양식 페이지에 날짜를 입력할 수 있도록 하려면 입력 필드를 추가하고 Date… 유형을 선택합니다.

필드에 레이블을 입력하고 데이터 저장소 모드를 구성합니다.

창의 아래쪽 섹션에서는 이 필드에 저장된 값에 대한 날짜 및 시간 형식을 선택할 수 있습니다.

날짜(또는 시간)를 표시하지 않도록 선택할 수도 있습니다.

날짜는 달력 또는 드롭다운 상자를 통해 선택할 수 있습니다. 필드에 직접 입력할 수도 있지만 위의 화면에 지정된 형식과 일치해야 합니다.

노트

기본적으로 양식에 사용된 날짜는 달력을 통해 입력됩니다. 다국어 양식은 사용되는 모든 언어로 달력이 제공되는지 확인하십시오. 웹 양식 번역을 참조하십시오.

하지만 (예를 들어 생년월일을 입력하는 경우) 드롭다운 목록을 쉽게 사용할 수 있습니다.

이렇게 하려면 Advanced 탭을 클릭하고 Drop-down lists​을 사용하여 입력 모드를 선택합니다.

그런 다음 목록에 제공된 값에 대한 제한을 설정할 수 있습니다.

숫자추가

숫자 입력에 적합한 필드를 만들 수 있습니다.

숫자 필드에 숫자만 입력할 수 있습니다. 시작 컨트롤은 페이지가 승인되면 자동으로 적용됩니다.

데이터베이스에 데이터가 저장되는 필드에 따라 특수 서식 또는 특정 제한이 적용될 수 있습니다. 최대값과 최소값을 지정할 수도 있습니다. 이 유형의 필드는 다음과 같이 구성됩니다.

기본값은 양식이 게시될 때 필드에 표시되는 값입니다. 사용자가 수정할 수 있습니다.

아래와 같이 Advanced 탭을 통해 숫자 필드에 접두어 및/또는 접미어를 추가할 수 있습니다.

양식에서 렌더링은 다음과 같습니다.

구독 확인란

사용자가 하나 이상의 정보 서비스(뉴스레터, 경고, 실시간 알림 등)에 가입하거나 가입을 해지할 수 있는 컨트롤을 추가할 수 있습니다. 가입하려면 해당 서비스를 확인합니다.

구독 확인란을 만들려면 Advanced controls>Subscription​을 클릭합니다.

확인란 레이블을 표시하고 Service 드롭다운 상자를 사용하여 관련 정보 서비스를 선택합니다.

노트

정보 서비스는 이 페이지에 자세히 설명되어 있습니다.

사용자가 관련 옵션을 선택하여 서비스에 가입합니다.

주의

사용자가 정보 서비스에 이미 가입했는데 양식을 승인할 때 이 서비스에 연결된 상자가 확인되지 않으면 가입이 취소됩니다.

가입 및 레퍼러의 예는 이 섹션에서 사용할 수 있습니다.

captcha삽입

captcha 테스트의 목적은 웹 양식의 부정 사용을 방지하는 것입니다.

주의

양식에 여러 페이지가 포함되어 있는 경우 보안 조치를 피할 수 있도록 저장소 상자 바로 앞에 Captcha를 항상 마지막 페이지에 배치해야 합니다.

양식에 Captcha를 삽입하려면 도구 모음에서 첫 번째 단추를 클릭하고 Advanced controls>Captcha 선택을 클릭합니다.

필드의 레이블을 입력합니다. 이 레이블은 Captcha 표시 영역 앞에 표시됩니다. Advanced 탭에서 이 레이블의 위치를 변경할 수 있습니다.

노트

captcha 유형 컨트롤의 경우 저장소 필드나 변수를 표시할 필요가 없습니다.

Captcha는 시각적 아래에 입력 필드를 배치하여 페이지에 삽입됩니다. 이러한 두 요소는 분리할 수 없으며 페이지 레이아웃 용도로 단일 항목으로 간주됩니다(단일 셀이 차지함).

페이지가 확인되면 Captcha의 내용이 올바르게 입력되지 않으면 입력 필드가 빨간색으로 표시됩니다.

표시할 오류 메시지를 만들 수 있습니다. 이렇게 하려면 General 탭에서 Personalize the message 링크를 사용합니다.

노트

캡처는 항상 8자 길이입니다. 이 값은 수정할 수 없습니다.

파일 업로드

페이지에 업로드 필드를 추가할 수 있습니다. 이 기능은 인트라넷 파일 공유에 유용합니다.

양식 페이지에 업로드 필드를 삽입하려면 페이지 편집기의 도구 모음에서 Advanced controls > File… 메뉴를 선택합니다.

기본적으로 업로드된 파일은 Resources > Online > Public resources 메뉴를 통해 액세스할 수 있는 리소스 파일에 저장됩니다. 스크립트를 사용하여 이 동작을 변경할 수 있습니다. 이 스크립트는 파일 조작과 관련된 함수를 포함하여 캠페인 JSAPI 설명서에 정의된 함수를 사용할 수 있습니다.

이러한 파일에 대한 링크를 로컬 변수 또는 데이터베이스 필드에 저장할 수 있습니다. 예를 들어 수신자 스키마를 확장하여 파일 기반 리소스에 대한 링크를 추가할 수 있습니다.

주의
  • 이 유형의 파일은 보안 액세스(자격 증명 사용)가 있는 양식에 대해 예약해야 합니다.
  • Adobe Campaign은 업로드된 리소스의 크기 또는 유형을 제어하지 않습니다.따라서 보안 형식 인트라넷 사이트에만 업로드 필드를 사용하는 것이 좋습니다.
  • 여러 서버가 인스턴스에 연결되어 있는 경우(부하 분산 아키텍처) 웹 양식 호출이 동일한 서버에 도달하는지 확인해야 합니다.
  • 이러한 구현을 위해서는 Adobe Campaign 컨설팅 팀의 지원이 필요합니다.

숨겨진 상수삽입

사용자가 양식의 페이지 중 하나를 확인할 때 특정 값을 자신의 프로필 필드 또는 변수에 설정할 수 있습니다.

이 필드는 사용자가 볼 수 없지만 사용자 프로필의 데이터를 향상시키는 데 사용할 수 있습니다.

이렇게 하려면 페이지에 상수​를 배치하고 값과 저장소 위치를 지정합니다.

다음 예제에서는 사용자가 이 페이지를 승인할 때마다 수신자 프로필의 원본 필드가 자동으로 채워집니다. 상수가 페이지에 표시되지 않습니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free