비밀번호

인증이 필요할 때 사용자가 비밀번호를 입력하기 위한 입력 텍스트 필드를 제공합니다. 비밀번호가 입력되면 플레이스홀더 문자를 사용하여 사용자가 입력한 문자를 취소할 수 있습니다.

데이터 바인딩

일반 특성에서 보기의 데이터 바인딩을 설정하거나 수정하십시오. 비밀번호 보기는 String 변수에 바인드될 수 있습니다.

구성 특성

구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오.

화면 크기
특성 이름 옆에 화면 크기 아이콘 화면 크기 아이콘 이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.
테마 정의
테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.
비밀번호 보기의 모양 구성 특성은 다음 테이블에 나열되어 있습니다.
표 1. 비밀번호의 모양 구성 특성
모양 구성 특성 설명 데이터 유형
너비 화면 크기 아이콘 비밀번호 텍스트 상자의 너비를 px(픽셀), %(백분율) 또는 em 단위로 지정합니다. 예를 들어, 50px, 20%또는 0.4em입니다. 단위 유형을 지정하지 않으면 px가 사용됩니다. String
크기 화면 크기 아이콘 보기의 크기 스타일을 지정합니다. 다음 옵션을 사용할 수 있습니다.
  • 기본값
  • 더 크게
  • 소형
String
레이블 배치 화면 크기 아이콘 이 보기의 레이블 배치를 지정합니다. 사용 가능한 옵션은 TopLeft입니다.
레이블을 왼쪽에 배치하면 보기의 지정된 너비가 변경됩니다.
String
레이블 너비 큰 화면 아이콘 레이블의 너비입니다. 너비(px, 픽셀) 또는 em 단위를 지정할 수 있습니다. 예를 들면, 50px, 20% 또는 0.4em입니다. 단위 유형이 지정되지 않으면 px를 사용합니다. String
비밀번호 보기의 동작 구성 특성은 다음 테이블에 나열되어 있습니다.
표 2. 비밀번호의 동작 구성 특성
동작 구성 특성 설명 데이터 유형
탭 색인 탭 지정 순서 색인입니다. 탭 색인은 1부터 시작하며, 최소로 설정할 수 있습니다. 예를 들어, 1, 5, 10을 사용할 수 있습니다. 탭 색인 특성은 탭 키를 눌러 UI 영역 사이에서 이동할 때 탭 지정 순서를 제어합니다. Integer
플레이스홀더 텍스트 값을 입력하지 않았을 때 표시되는 플레이스홀더 텍스트를 제공합니다. String

이벤트

이벤트 특성에서 보기에 대한 이벤트 핸들러를 설정하거나 수정하십시오. 사용자가 보기로 상호작용할 때 또는 프로그래밍 방식으로 트리거되도록 이벤트를 설정할 수 있습니다. 이벤트를 정의하고 코딩하는 방법에 대한 정보는 사용자 정의 이벤트를 참조하십시오. 비밀번호 보기에는 다음 유형의 이벤트 핸들러가 있습니다.

  • On load: 페이지가 로드될 때 활성화됩니다. 예를 들어,
    me.setText("Some default text on load.")
  • On change: 텍스트가 변경되면 활성화됩니다. 예를 들어,
    if(newText != oldText){return confirm ("Are you sure you want to change the text field?");}
  • On focus: 초점이 텍스트 필드로 이동할 때 활성화됩니다. 예를 들어,
    me.setLabelPlacement("T")
  • On blur: 텍스트 필드가 초점을 잃으면 활성화됩니다. 예를 들어,
    me.setLabelPlacement("L")
  • On input: 사용자가 입력 텍스트를 제공할 때 활성화됩니다. 표현식이 false를 리턴하면 입력이 수행되지 않습니다. 예를 들어,
    return potential.length<=10;

특정 이벤트에 따라 JavaScript 로직을 사용하여 보기의 효과를 수정할 수 있습니다. 보기에서 이벤트 사용에 대한 자세한 정보는 사용자 정의 이벤트주제에 있습니다.

메소드

비밀번호의 사용 가능한 메소드에 대한 자세한 정보는 비밀번호 JavaScript API를 참조하십시오.

추가 자원

Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.