| Table of Contents |
|---|
...
폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 다양한 컨트롤 요소(control elements)들로 구성되어있다. 회원등록, 상품등록, 1:1문의 답변 등록 등 다양한 입력 양식에 사용된다.
...
...
Patterns
폼(Form)의 유형은 5가지로 구분한다이 사용되는 페이지 패턴은 6가지로 구분 할 수 있다.
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 in Modal |  버튼 클릭 시 Modal 형태로 출력되는 입력폼 |
...
UI 유형
폼(Form)의 유형은 5가지로 구분한다.
...
구성 요소
폼(Form)은 Text Field, Text Area, Checkbox, Radio, Select, Buttons 등 BackOffice의 입력형 기본 컴포넌트들로 구성되어 있으며, 데이터 타입과 사용 목적에 따라 사용 할 수 있는 컴포넌트는 상이하다.
...