登入頁練習
練習建立能被理解、能用鍵盤操作，也能清楚回應錯誤的登入表單。
另開完整示範 →
- 練習目標
- 建立清楚的登入流程
- 使用技術
- HTML 表單、CSS
- 目前成果
- 可操作表單示範
我想練習什麼
登入頁看似簡單，實際上需要處理標籤、輸入提示、密碼欄位、錯誤訊息與鍵盤焦點。我想先把基本操作做好，再考慮視覺裝飾。
完成內容
- 建立電子信箱與密碼欄位。
- 讓每個輸入框都有清楚標籤。
- 規劃成功、錯誤與載入狀態。
- 完成手機版排版與鍵盤焦點檢查。
這次學到的事
表單不只是一組輸入框。使用者需要隨時知道該填什麼、哪裡出錯，以及下一步會發生什麼。