鍵盤互動
| 按鍵 | 動作 |
|---|---|
| 數字鍵或字母鍵 | 填入目前的格子並移到下一格。 |
| Backspace | 刪除游標前的字元。 |
| 向左 / 向右鍵 | 移動一格；已填入的格子會被選取，因此輸入會取代其中的字元。 |
| 貼上 | 用複製的驗證碼填滿格子。 |
無障礙說明
- 螢幕閱讀器看到的只是一個文字欄位。請用
aria-label或<label>為它加上標籤。 - 格子對輔助科技隱藏；正在編輯的格子會顯示焦點環。
- 開啟減少動態效果後，游標不再閃爍，格子也不會跳動或抖動。
驗證碼輸入欄位
分格顯示的驗證碼，底層是一個真正的輸入欄位。
分格顯示的驗證碼，底層是一個真正的輸入欄位。
| 按鍵 | 動作 |
|---|---|
| 數字鍵或字母鍵 | 填入目前的格子並移到下一格。 |
| Backspace | 刪除游標前的字元。 |
| 向左 / 向右鍵 | 移動一格；已填入的格子會被選取，因此輸入會取代其中的字元。 |
| 貼上 | 用複製的驗證碼填滿格子。 |
aria-label 或 <label> 為它加上標籤。