텍스트 표시 및 편집(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

다음은 JavaScript를 사용하는 Windows 스토어 앱에서 텍스트를 표시 및 편집하는 방법입니다.

앱 기능 전체 프로세스 시리즈의 일부로 이 기능의 작동 방법을 살펴보세요.: 사용자 조작: 터치식 입력... 등

한 줄 텍스트 컨트롤 한 줄 텍스트 입력 컨트롤을 사용하여 사용자가 응용 프로그램에 텍스트 한 줄을 입력할 수 있도록 합니다. 여기에는 입력한 콘텐츠를 빠르게 제거할 수 있도록 하는 지우기 단추와 암호 입력 컨트롤인 경우에 해당되는 암호 표시 단추가 포함됩니다.

한 줄 텍스트 컨트롤

한 줄 텍스트 컨트롤을 만들려면 input 요소를 사용하고 해당 type 특성을 "email", "number", "password", "tel", "text" 또는 "url" 값 중 하나로 설정합니다.

여러 줄 텍스트 컨트롤 여러 줄 텍스트 컨트롤을 사용하여 사용자가 많은 텍스트를 입력할 수 있도록 합니다. 여기에는 텍스트가 상자 행 높이보다 더 길어질 때 필요한 이동 표시기 또는 스크롤 막대가 포함됩니다.

여러 줄 텍스트 컨트롤

여러 줄 입력란에는 다음 두 가지 종류가 있습니다.

  • 일반 입력란은 상자에 문자열만 인코드되어 표시되는 텍스트 문자열을 지원합니다. 일반 입력란을 만들려면 textarea 요소를 사용합니다.
  • 서식 있는 입력란은 각 문자가 굵게, 밑줄, 기울임꼴, 위 첨자 등의 스타일 정보와도 연결되는 텍스트 문자열을 지원합니다. 서식 있는 입력란을 만들려면 편집할 요소의 contentEditable 속성을 설정합니다.

이 조항의 내용

항목 설명

빠른 시작: 텍스트 표시

JavaScript로 작성된 Windows 스토어 앱은 여러 가지 요소를 사용하여 텍스트를 표시할 수 있습니다. 읽기 전용 텍스트를 표시하기 위한 기본 요소에는 label, div, paragraphheading이 포함됩니다. 이 빠른 시작에서는 이러한 요소를 사용하여 텍스트를 표시하는 방법을 보여 줍니다.

빠른 시작: 텍스트 입력 및 편집

JavaScript로 작성된 Windows 스토어 앱은 텍스트 서식 지정을 위한 특성 및 속성 집합과 함께 텍스트를 입력하고 편집할 수 있는 여러 가지 요소를 사용할 수 있습니다. 기본 텍스트 입력 요소는 text box, text area, password input boxrich edit box/rich text box입니다. 이 빠른 시작에서는 이러한 요소를 사용하여 텍스트를 표시, 입력 및 편집할 수 있는 방법을 보여줍니다.