網頁前端工程專題:Form 表單樣式設計與輸入驗證 By 彭彭
喜歡彭彭的教學影片嗎?點擊「加入」按紐取得更多會員服務哦。
加入會員:https://www.youtube.com/channel/UCguZS-y7codLSt6vpkVdnKg/join
使用 HTML5 和 CSS3 的最新功能,完成表單基本的樣式設計,並且輕鬆的在前端完成表單驗證。
1. 基本的樣式設計
2. 表單驗證
2.1 使用 required 屬性
2.2 使用 pattern 屬性與正規表示式 (Regular Expression)
3. 動態驗證畫面
3.1 使用 :valid, :invalid 虛擬選擇器
3.2 使用 + 選擇器
更多教學內容請參考:https://training.pada-x.com/