이 섹션에서는 입력 양식에 대해 설명합니다.
(1) 입력양식(Input form)의 정의
텍스트, 숫자, 날짜, 파일 업로드 및 동적 콘텐츠와 같은 사용자의 데이터 입력을 허용하는 element가 입력양식입니다.
- 입력 양식은 사용자로부터 정보를 수집하는 데 사용하는 element(요소)입니다.
- 간단한 확인란(check box)에 사용하거나 복잡한 형식으로 결합할 수 있습니다.
이 섹션의 문서에서는 Bubble의 기본 제공 입력 요소를 다룹니다. 또한 플러그인 스토어에는 사용자 입력을 받아들이는 새로운 방법을 제공하는 다양한 플러그인들이 있습니다.
(2) 입력양식(Input form)의 종류
사용자 입력은 많은 것을 의미할 수 있으며 대부분의 응용 프로그램은 사용자로부터 다양한 유형으로 입력을 받아들입니다.
- 위와 같이 하나의 단순한 문서도 일반적으로 다양한 유형의 입력(input)으로 구성되어 사용자가 어떤 종류의 데이터를 제공해야 하는지 쉽게 이해할 수 있습니다.
- 간단한 로그인 양식도 여러 가지 입력 양식(Input form)의 범주를 결합하여 사용자가 UX를 쉽게 이해하고 앱에서 데이터를 쉽게 저장할 수 있도록 합니다.
1. 텍스트 및 숫자(Text and numbers)
- 텍스트 및 숫자 입력을 통해 사용자는 이메일 주소, 주문 번호 또는 이름과 같은 짧고 구조화된 데이터에서부터 블로그 게시물 또는 제품 설명과 같은 길고 구조화되지 않은 데이터에 이르기까지 다양한 텍스트를 제공할 수 있습니다.
- 텍스트는 서식이 지정되거나(서식 있는 텍스트) 서식이 지정되지 않을 수 있습니다. (일반 텍스트)
Text & numbers Input form (중급) : 입력형식의 종류, 멀티라인 입력, Rich text editor 사용하기 > 바로가기
2. 날짜 및 시간(Dates and time)
- 날짜 및 시간 입력을 통해 사용자는 날짜 및 시간 값을 제공할 수 있습니다.
- 일부 입력 양식(Input form)은 사용자가 직접 정보를 입력할 수 있도록 되어있고, 다른 입력 양식(Input form)은 사용자가 달력에서 날짜를 선택하고 시간 선택기에서 시간을 선택할 수 있도록 설정됩니다.
Dates and Time(중급): 날짜와 시간을 다루는 방법, 날짜/시간 선택기, Date / Time Picker, Unix 시간 > 바로가기
3. 파일 업로드(File uploads)
- 파일 업로드는 사용자가 애플리케이션에 모든 종류의 파일을 업로드할 수 있도록 하는 입력 양식(Input form)입니다.
File Uploader(중급) : 여러 파일 동시에 올리기, 드래그엔 드랍하여 올리기, 파일 삭제 순서 > 바로가기
4. 선택 컨트롤(Selection controls)
- 선택 컨트롤은 사용자가 미리 정의된 옵션을 선택할 수 있도록 옵션을 설정할 수 있는 입력 요소입니다.
- 이를 통해 간단한 예/아니오 답변에서부터 미리 설정된 텍스트/숫자, 동적 콘텐츠의 선택에 이르기까지 사용 가능한 선택을 제시할 수 있습니다.
: 적용가능한 예시는 다음과 같습니다.
- Checkboxes (확인란)
- Radio buttons (라디오 버튼)
- Dropdown lists (드롭다운 목록)
Selection controls(초급) : 체크박스, 라디오 버튼, 드랍다운 버튼, 슬라이더 입력, 다중선택 드랍다운 > 바로가기
