29 / 47

Input

한 줄짜리 글자 입력칸입니다. 이름·이메일·검색어처럼 짧은 값을 받을 때 씁니다.

Basic

가장 단순한 한 줄 입력칸입니다.

라벨과 설명을 붙인 형태입니다. 대부분의 폼에서 이 조합을 씁니다.

입력칸 여러 개와 버튼을 한 묶음으로 세로로 쌓습니다.

입력을 막은 상태입니다. 라벨과 설명도 함께 흐려집니다.

입력값에 오류가 있을 때 테두리가 빨갛게 바뀝니다.

파일을 고르는 입력칸입니다.

입력칸과 버튼을 한 줄에 나란히 둡니다. 검색창에 흔합니다.

입력칸 두 개를 좌우로 나란히 배치합니다. 성·이름처럼 짝이 되는 항목에 씁니다.

라벨에 빨간 별표를 붙여 필수 항목임을 알립니다.

라벨 오른쪽에 '베타' 같은 작은 꼬리표를 붙입니다.

입력칸 앞뒤에 'https://' 같은 고정 글자나 아이콘을 붙입니다.

입력칸과 버튼을 테두리 하나로 딱 붙여 묶습니다.

이름·이메일·전화·국가·주소를 모두 갖춘 실제 폼 예시입니다.

아랍어처럼 오른쪽에서 왼쪽으로 읽는 언어용 배치입니다. 글자가 오른쪽에서 시작합니다.

글자가 오른쪽에서 시작해 왼쪽으로 채워집니다.