적응형 양식 블록 구성 요소 및 해당 속성

AEM Forms Edge Delivery Services를 사용하면 다양한 구성 요소를 통해 사용하기 쉬운 대화형 양식을 만들 수 있습니다. 이러한 구성 요소는 다양한 데이터 수집 유형에 적합하고 특정 요구 사항에 맞춰 간편하게 사용자 정의할 수 있습니다.

구성 요소 및 속성이 일부 포함된 샘플 스프레드시트

적응형 양식 블록은 모든 필드 유형과 컨테이너(패널)의 균일한 HTML 구조를 생성하여 일관성을 유지할 수 있습니다. 이러한 일관된 구조를 통해 보다 쉽게 양식의 스타일을 지정할 수 있습니다.

사용 가능한 구성 요소

다음은 사용 가능한 구성 요소에 대한 개요입니다.

입력 필드

  • 유효한 모든 HTML5 입력 유형텍스트 영역. 예: 버튼, 확인란, 색상, 날짜, 날짜/시간-로컬, 이메일, 파일, 숨김, 이미지, 시간(월), 숫자, 암호, 라디오, 범위, 재설정, 제출, 전화, 텍스트, 시간, URL 및 시간(주) 등.

선택 사항 컨트롤

컨테이너

  • 패널/컨테이너: 효율적인 구성을 위해 관련 양식 요소를 그룹화합니다. Fieldset범례의 조합입니다.

구성 요소 속성

각 양식 구성 요소에는 해당 비헤이비어와 모양을 제어할 수 있는 다양한 속성이 있습니다. 다음은 적응형 양식 블록 구성 요소에서 지원하는 속성입니다.

속성
적용 가능한 구성 요소
세부 사항
유형
모두
구성 요소의 유형을 지정합니다. 이 속성은 입력 필드의 비헤이비어와 모양을 결정합니다. 예를 들어 텍스트 입력의 경우 유형이 “text”이고, 이메일 입력의 경우 유형이 “email”이고, 암호 입력의 경우 유형이 “password”일 수 있습니다. 적응형 양식 블록은 유효한 모든 HTML5 입력 유형, 텍스트 영역, 선택 사항Fieldset를 유형으로 지원합니다.
이름
모두
양식 제출에 필요한 구성 요소를 확인합니다. 이름 속성은 양식 데이터를 서버에 제출할 때 사용되며 사용자 입력과 특정 필드를 연결합니다.
레이블
모두
사용자에게 상황별 정보를 제공합니다. 레이블은 구성 요소 옆에 표시된 텍스트로서 사용자에게 입력할 정보에 대한 지침을 제공합니다.
텍스트, 암호, 이메일, 숫자, 범위, 날짜 및 해당 변형(날짜/시간-로컬, 월, 주, 시간), 확인란, 라디오, 숨김, 제출, 버튼
구성 요소의 초기 값을 지정합니다. 텍스트 입력, 텍스트 영역 및 선택된 요소의 경우 기본 텍스트 또는 옵션이 표시됩니다. 라디오 및 확인란 구성 요소의 경우 선택 시 값/데이터가 제출됩니다. 값 속성은 선택 사항이지만, 확인란 및 라디오 입력의 경우 필수 사항으로 간주해야 합니다.
플레이스홀더
텍스트, 전화, 이메일, 암호, 날짜(및 월, 주, 시간, 날짜/시간-로컬과 같은 변형), 숫자, 범위
예상 입력에 대한 힌트를 제공합니다. 플레이스홀더 속성은 입력 필드의 예상 값을 설명하는 간단한 힌트를 제공합니다. 사용자가 입력을 시작하면 속성이 사라집니다.
설명
모두
구성 요소에 대한 추가 정보를 제공하고 도움말 텍스트 역할을 합니다. 설명 필드를 통해 구성 요소를 작성하는 목적 또는 지침에 대한 추가 설명을 제공할 수 있습니다. 이 필드는 사용자가 입력 필드의 컨텍스트를 이해하는 데 도움이 됩니다.
보임
모두
초기 가시성을 제어합니다. 표시 속성은 양식 로드 시 구성 요소를 처음에 표시하거나 숨길지 여부를 결정하는 부울 속성입니다. true로 설정되면 필드를 표시합니다. 그렇지 않으면 숨깁니다.
필수
텍스트, 전화, 이메일, 암호, 날짜 및 해당 변형(날짜/시간-로컬, 월, 주, 시간), 숫자, 확인란, 라디오, 파일, 선택 사항(드롭다운), 텍스트 영역
제출하기 전에 필드를 작성해야 하는지 여부를 나타냅니다. 필수 속성은 사용자가 양식을 제출하기 전에 필드 입력을 제공해야 하는지 여부를 지정하는 데 사용되는 부울 속성입니다.
최소
날짜(및 월, 주, 시간, 날짜/시간-로컬과 같은 변형), 숫자, 범위
허용되는 최소값을 지정합니다. 최소 속성은 사용자가 필드에 입력할 수 있는 최소값을 설정합니다. 예: 숫자를 입력하는 경우 허용 가능한 가장 낮은 숫자를 정의합니다.
최대
날짜(및 월, 주, 시간, 날짜/시간-로컬과 같은 변형), 숫자, 범위
허용되는 최대값을 지정합니다. 최대 속성은 사용자가 필드에 입력할 수 있는 최대값을 설정합니다. 예: 날짜를 입력하는 경우 허용 가능한 가장 높은 날짜를 정의합니다.
수락
파일
허용되는 파일 형식을 정의합니다. 수락 속성은 쉼표로 구분된 고유 파일 유형 지정자 목록으로 사용자가 파일 입력 필드에서 선택할 수 있는 파일 유형을 제한합니다.
복수
파일
다중 선택을 허용합니다. 여러 속성은 파일 입력 필드 내 사용되는 부울 속성입니다. true로 설정되면 사용자가 둘 이상의 파일을 선택할 수 있습니다.
옵션
드롭다운
드롭다운 메뉴의 선택 사항을 지정합니다. 옵션 속성은 드롭다운 메뉴의 쉼표로 구분된 선택 목록으로 사용자에게 표시되는 선택 가능한 옵션을 정의합니다.
선택됨
확인란, 라디오
기본적으로 필드가 선택되었는지 여부를 결정합니다. 선택됨 속성은 확인란 및 라디오 입력과 함께 사용되는 부울 속성입니다. true로 설정되면 양식 로드 시 기본적으로 필드가 선택되었음을 나타냅니다.
Fieldset
모두
필드를 그룹화하여 양식 내에 시각적으로 구별되는 섹션을 만듭니다. Fieldset 요소는 양식 내 관련 필드를 그룹화하여 시각적으로 구별되는 필드를 만들어 구성 및 사용자 경험을 개선할 수 있습니다.
Fieldset 내에 필드 세트를 구성하려면 fieldset 속성을 사용하고 해당 이름 속성을 지정하면 됩니다. 아래 예에서는 효율적인 구성을 위해 라디오 버튼이 단일 Fieldset 내에서 어떻게 캡슐화되는지 보여 줍니다. Fieldset 예
반복 가능
모두
특정 필드 세트를 지정된 MinMax 횟수만큼 반복할 수 있음을 나타내는 fieldset 부울 속성입니다. Min 속성은 1 이상으로 설정해야 하며, Min 속성은 0으로 설정하지 마십시오.
표시 표현식
모두
표시 표현식은 필드의 가시성을 제어하는 데 사용되는 스프레드시트 공식을 가리키며 ‘=’ 태그로 표시됩니다. 이 공식에서는 다른 필드의 값 속성만 사용할 수 있으므로 시스템 내에서 필드 가시성을 직접 관리할 수 있습니다.
값 표현식
모두
값 표현식은 필드 값을 제어하는 데 사용되는 스프레드시트 공식을 가리키며 ‘=’ 태그로 표시됩니다. 이 공식에서는 다른 필드의 값 속성만 사용할 수 있으므로 시스템 내에서 필드 값을 직접 관리할 수 있습니다.

추가 참조

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab