6-2. 學習表單欄位元素的偵測判定

學習表單欄位元素的偵測判定

HTML部份：設計一個表單，顯示各種類型的表單元素。

 

CSS部份：設計段落間距、文字欄位垂直置中對齊，增加一個focus類別樣式設計背景顏色

 

JS部份-PART1：當點選文字欄位時，呈現設計好的背景顏色

 

JS部份-PART2：設計三個按鈕分別讓複選的核取方塊可以全部勾選、全部取消勾選以及反轉選取的項目

 

JS部份-PART3：設計送出按鈕，將填寫的表單資料輸出到下方的區塊中

 

完成檔測試：