測試你的技能:表單結構

此技能測試的目的是評估您是否理解了我們的 如何構建 Web 表單 文章。

注意:您可以在此頁面上的互動式編輯器或線上編輯器(如CodePenJSFiddleGlitch)中嘗試解決方案。

如果您遇到困難,可以透過我們的溝通渠道之一聯絡我們。

表單結構 1

在本任務中,我們希望您對提供的表單功能進行結構化。

  1. 將前兩個和後兩個表單欄位分別分離到兩個不同的容器中,每個容器都帶有描述性圖例(前兩個使用“個人詳細資訊”,後兩個使用“評論資訊”)。
  2. 使用適當的元素標記每個文字標籤,以便它在語義上與其相應的表單欄位相關聯。
  3. 在標籤/欄位對周圍新增合適的結構元素,以將其分隔開。

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。