Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
숫자 입력 구성요소를 사용하면 사용자가 숫자를 입력할 수 있는 입력란을 추가할 수 있습니다. 일부 브라우저에서는 사용자가 입력란의 화살표 버튼을 사용하여 숫자를 높이거나 낮출 수도 있습니다.
프로젝트에서 숫자 입력 구성요소를 사용하는 방법:
- 구성요소 패널에 이어 UI 폴더를 엽니다.
- 숫자 입력
구성요소를 스테이지로 드래그합니다.
- 속성 패널의 숫자 입력 속성 섹션에서 최소 필드에 최솟값을 입력하고 최대값을 최대 필드에 입력하여 유효한 값의 범위를 설정합니다.
속성
| 속성 | 설명 |
|---|---|
| 이름 | 요소의 이름입니다. |
| 값 | 숫자 입력에 설정되는 기본 숫자입니다. |
| 최소 | 사용자가 입력할 수 있는 가장 작은 유효 숫자입니다. |
| 최대 | 사용자가 입력할 수 있는 가장 큰 유효 숫자입니다. |
| 단계 | 유효 숫자 사이의 간격입니다. 화살표 버튼을 누르면 이 숫자만큼 커지거나 작아집니다. 유효 숫자는 단계의 배수여야 합니다(예: 단계가 5인 경우 유효 숫자에는 0, 5, 10 등이 될 수 있음). |
이벤트와 액션
숫자 입력 구성요소에서 전송하는 이벤트다음과 같은 숫자 입력 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
| 이벤트 | 설명 |
|---|---|
| 변경 | 숫자 입력 입력란의 값에 변화가 발생하면 전송됩니다(예: 사용자가 값을 수정한 후 페이지의 다른 곳을 클릭). |
| 입력 | 숫자 입력 입력란의 내용이 변경되면 전송됩니다. |
이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 숫자 입력 구성요소를 타겟으로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 UI 구성요소와 상호작용할 수 없습니다. 요소가 작동하는 모습을 보려면 원하는 브라우저에서 문서 미리보기를 실행해야 합니다. UI 구성요소의 모양은 브라우저에 따라 다를 수 있습니다.
