Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 다양한 컨트롤 요소(control elements)들로 구성되어있다. 회원등록, 상품등록, 1:1문의 답변 등록 등 다양한 입력 양식에 사용된다.


UI 유형

폼(Form)의 유형은 5가지로 구분한다.

No

Basic Form

Description

1

Default Form

기본적인 단일 입력폼

2

List-Form

리스트 목록과 함께 사용하는 입력폼

3

Tree-Form

트리 목록과 함께 사용하는 입력폼

4

Tab-Form

다수의 섹션에 다양한 입력폼을 사용

https://www.jotform.com/form/203494197790062

https://stackoverflow.com/questions/20172095/bootstrap-form-and-uitab-window-validation-issue

5

Steps-Form

단계별 사용자 입력이 필요한 경우 사용

6

Form-Preview

작성한 입력폼에 Preview기능을 함께 사용


구성 요소

폼(Form)은 Text Field, Text Area, Checkbox, Radio, Select, Buttons 등 BackOffice의 입력형 기본 컴포넌트들로 구성되어 있으며, 데이터 타입과 사용 목적에 따라 사용 할 수 있는 컴포넌트는 상이하다.


셋팅 옵션

BackOffice Builder의 Form > Setting > [Option] 설정을 통해 입력 폼(Form)의 컨트롤 요소를 변경한다.


1. Size

폼(Form)의 크기는 아래와 같이 3가지로 선택 할 수 있다.

Setting

Result

  • No labels