애플 휴먼 인터페이스 가이드라인(66) Controls -15 Text Fields

Text Fields
텍스트 필드

A text field is a single-line, fixed-height field, often with rounded corners, that automatically brings up a keyboard when the user taps it. Use a text field to request a small amount of information, such as an email address.

텍스트 필드는 한줄에, 높이값은 고정되어있고, 종종 둥근 모서리를 갖고있으며, 사용자가 탭했을 때 키보드가 자동으로 올라오는 영역입니다. 텍스트필드를 사용해 이메일 주소같은 적은 양의 정보를 요구할 수 있습니다.

 

Show a hint in a text field to help communicate purpose. A text field can contain placeholder text—such as "Email" or "Password"—when there’s no other text in the field. Don’t use a separate label to describe a text field when placeholder text is sufficient.

목적을 잘 전달하기 위해서, 힌트를 보여주세요. 텍스트필드는 필드 안에 다른 텍스트가 없을 때 "이메일" 이나 "비밀번호" 같은 플레이스 홀더 텍스트(입력 전 영역 안에 보이는 회색 글씨)를 포함할 수 있습니다. 플레이스홀더 텍스트가 충분하다면 텍스트필드를 설명하는 라벨은 따로 사용하지 마세요.

 

Display a Clear button in the right end of a text field when appropriate. When this element is present, tapping it clears the contents of the text field, eliminating the need to keep tapping the Delete key.

적절한 경우, 텍스트필드의 오른쪽 끝에 지우기(클리어) 버튼을 표시하세요. 엘리먼트가 보여졌을 때, 이를 누르면 텍스트필드의 콘텐츠를 삭제합니다. 이를 사용하면 백스페이스를 따로 탭해서 지울 필요가 없습니다.

 

Use secure text fields when appropriate. Always use a secure text field when your app asks for sensitive data, such as a password.

적절한 경우 시큐어 텍스트필드*를 사용하세요. 비밀번호와 같이 민감한 데이터를 묻는다면, 시큐어 텍스트필드를 사용하세요.

secure text field

Use images and buttons to provide clarity and functionality in text fields. You can display custom images in the left or right sides of a text field, or you can add a system-provided button, such as the Bookmarks button. In general, use the left end of a text field to indicate a field’s purpose and the right end to indicate the presence of additional features, such as bookmarking.

For developer guidance, see UITextField.

명확성과 기능을 위해 텍스트필드에 이미지와 버튼을 사용하세요. 커스텀 이미지를 텍스트필드의 왼쪽이나 오른쪽에 배치할 수 있으며, 책갈피 버튼과 같은 시스템 제공 버튼을 추가할 수도 있습니다. 일반적으로 텍스트필드의 왼쪽 끝은 필드의 목적을 나타내는데, 오른쪽 끝은 책갈피와 같은 추가 기능을 보여주기 위해 사용됩니다.

 

TIP

For multiline or multistyle text entry, use a text view instead. See Text Views.

여러 줄이나 여러 스타일의 텍스트를 입력하기 위해선, 텍스트 뷰를 대신 사용하세요. 

Keyboards
키보드

Email keyboard(좌) Phone keyboard(우)

Show the appropriate keyboard type. iOS provides several different keyboard types, each designed to facilitate a different type of input. To streamline data entry, the keyboard displayed when editing a text field should be appropriate for the type of content in the field. If your app asks for an email address, for example, it should display the email address keyboard. For a complete list of available keyboard types, see the UIKeyboardType constant of UITextInputTraits.

For related guidance, see Custom Keyboards.

적절한 종류의 키보드를 보여주세요. iOS에선 여러 종류의 키보드 타입을 지원하며, 각 타입은 서로 다른 종류의 입력값에 맞춰 디자인되어 있습니다. 데이터 입력의 능률을 높이려면, 텍스트 뷰 수정모드에서 나오는 키보드는 해당 필드의 콘텐츠에 맞는 적절한 타입이 되어야 할 것입니다. 만약 당신의 앱에서 이메일 주소를 필요로 한다면, 이메일 주소용 키보드를 보여줘야 합니다. 사용 가능한 키보드 목록을 보려면 UITextInputTraits 의 UIKeyboardType 을 확인하세요. 관련 가이드는 커스텀 키보드를 확인하세요.