這個元件不適用於 Google Ads、Google AdMob、AMP HTML 廣告、影片廣告和圖像廣告。
數字輸入元件可讓您新增供使用者輸入數字的欄位。在部分瀏覽器中,使用者還能利用欄位中的箭頭按鈕提高或降低數字。
如何在專案中使用數字輸入元件:
- 依序開啟「元件」面板和「UI」資料夾。
- 將「數字輸入」元件 拖曳至中心區域。
- 在「屬性」面板的「數字輸入」屬性部分設定有效值的範圍,做法是在 [最小值] 欄位中輸入最小值,在 [最大值] 欄位中輸入最大值。
屬性
屬性 | 說明 |
---|---|
名稱 | 元件名稱。 |
值 | 數字輸入元件的預設數字。 |
最小值 | 使用者可以輸入的最小有效數字。 |
最大值 | 使用者可以輸入的最大有效數字。 |
刻度值 | 兩個有效數字間的間隔數值。箭頭按鈕會根據這個數值變更顯示數字。有效數字必須為刻度值的倍數;舉例來說,假設刻度值為 5,有效數字則必須為 0、5、10 等數字。 |
事件和動作
數字輸入元件傳送的事件您可以透過下列數字輸入元件事件觸發其他動作:
事件 | 說明 |
---|---|
變更 | 於使用者變更數字輸入欄位的值時傳送,例如使用者編輯欄位數值,然後點選頁面其他區域時。 |
輸入 | 於數字輸入欄位的內容變更時傳送。 |
如要在「事件」對話方塊中選取以上任一事件,請將數字輸入元件設為「目標」。
瞭解如何設定事件。
預覽
您無法在 Google Web Designer 介面中與 UI 元件互動。如要查看元件的實際運作情形,請在您慣用的瀏覽器中預覽文件。UI 元件的外觀可能會根據您使用的瀏覽器而有所不同。