텍스트 상자

텍스트 상자(text box) 또는 입력 상자(input box), 텍스트 필드(text field) 또는 텍스트 입력 상자는 사용자가 프로그램에서 처리할 텍스트를 입력할 수 있도록 하는 그래픽 사용자 인터페이스(GUI)의 위젯이다.

전형적인 텍스트 상자는 직사각형 모양이며, 인터페이스의 나머지 부분과 텍스트 상자를 구분하는 테두리가 있을 수 있다. 텍스트 상자에는 가로 및 세로 스크롤바가 포함될 수 있다. 텍스트 상자는 일반적으로 현재 편집 중인 텍스트 영역을 나타내는 텍스트 커서(보통 깜빡이는 수직선)를 표시한다. 마우스 커서가 텍스트 상자 위에 놓일 때 모양이 바뀌는 것이 일반적이다.

 표준 기능 

대부분의 운영 체제와 GUI 프레임워크는 광범위한 내장 기능을 갖춘 텍스트 상자 컨트롤을 제공하지만, 비디오 게임과 같은 일부 애플리케이션은 단순화된 버전을 구현하기도 한다.

 텍스트 입력 

키보드의 키를 누르면 캐럿(caret) 위치에 텍스트가 추가된다. 매우 단순한 일부 텍스트 상자에는 캐럿이 표시되지 않을 수 있으며, 이 경우 새로 입력한 문자가 현재 텍스트의 끝에 나타난다.

 텍스트 탐색 및 조작 

마우스 사용 시:
 마우스 커서로 원하는 지점을 클릭하여 캐럿 위치를 변경한다.
 텍스트의 한쪽 끝을 커서로 가리킨 상태에서 주 마우스 버튼을 누르고, 버튼을 누른 채 커서를 다른 쪽 끝으로 드래그하여 텍스트의 일부를 선택한다.

키보드 사용 시:
 방향키를 누르면 캐럿 위치가 한 글자 또는 한 줄씩 바뀐다.
  /  키(마이크로소프트 윈도우) 또는 -왼쪽 방향키 / 커맨드-오른쪽 방향키(애플 macOS)를 누르면 캐럿이 줄의 시작이나 끝으로 이동한다.
  / 을 누르면 캐럿이 한 페이지(텍스트 상자에 한 번에 표시될 수 있는 줄 수)만큼 뒤로 또는 앞으로 이동하거나(윈도우), 캐럿 위치를 바꾸지 않고 스크롤바 썸을 한 페이지만큼 뒤로 또는 앞으로 이동시킨다(macOS).
  키(윈도우)를 누른 상태에서 방향키나  /  키를 누르면 캐럿이 단어, 단락 또는 문서의 시작/끝과 같이 더 큰 단위로 이동한다.
 (macOS)를 누른 상태에서 방향키를 누르면 캐럿이 단어 또는 단락 단위로 이동한다.
 를 누른 상태에서 위아래 방향키를 누르거나(macOS),  키를 누른 상태에서  / 를 누르면(윈도우) 캐럿이 문서의 시작 또는 끝으로 이동한다.
 를 누른 상태에서 마우스나 키보드로 캐럿 위치를 변경하면, Shift를 처음 눌렀을 때의 캐럿 위치와 현재 위치 사이의 텍스트가 선택된다.
 (윈도우)를 누르면 모든 텍스트가 선택된다.

 텍스트 편집 
삽입 또는 수정 모드에서 작동하며, 일반적으로 를 사용하여 전환한다. 삽입 모드에서 캐럿 오른쪽에 문자가 있으면 새 문자가 그 앞에 삽입되는 반면, 수정 모드에서 새 문자를 입력하면 캐럿 오른쪽의 문자를 대체(덮어쓰기)한다.

텍스트의 일부가 선택된 상태에서 텍스트를 입력하면 선택된 텍스트가 대체된다.

 /  키는 현재 캐럿 위치의 오른쪽 / 왼쪽 글자 하나를 삭제하며,  또는 와 함께 누르면 한 단어를 삭제한다.

표준 클립보드 작업을 사용하여 텍스트를 편집한다.

편집 내용은  / (윈도우) 또는  / (macOS)를 사용하여 실행 취소 및 다시 실행할 수 있다.

 대안적 의미 

"텍스트 상자"라는 용어는 타이포그래피, 탁상출판 및 인쇄 디자인에서 시각적으로 구분된 텍스트 컨테이너를 설명하는 데에도 사용된다. 이러한 텍스트 상자는 일반적으로 테두리가 있거나 음영 처리된 영역으로, 인용구, 사이드바 또는 보충 정보를 강조하는 데 사용된다. 이는 잡지, 신문, 교과서 및 기술 문서에서 흔히 볼 수 있다. 이러한 사용법은 디지털 인터페이스보다 먼저 나타났으며, 인쇄 및 레이아웃 디자인에서 여전히 흔히 쓰이고 웹사이트 디자인에서도 사용될 수 있다.

이러한 맥락에서 텍스트 상자는 다음과 같은 특징을 가질 수 있다:
 주요 콘텐츠의 측면에 배치되어 주변 텍스트가 그 주위를 둘러싸도록 한다.
 테두리, 배경색 또는 기타 시각적 스타일을 포함한다.
 콜아웃, 풀 인용 또는 사이드바 역할을 한다.

 각주 

 같이 보기 
 커서

분류:위젯