跳到主要內容
:::|

3.1:XH1030102 表單控制元件組件需以欄位組組件來分群,並以說明文字組件來提供標題;表單選擇組件則需以選項分群組件來將選項組件加以分群

檢測碼

XH1030102

訊息

表單控制元件組件需以欄位組組件來分群,並以說明文字組件來提供標題;表單選擇組件則需以選項分群組件來將選項組件加以分群

英文訊息

H71: Providing a description for groups of form controls using fieldset and legend elements

H85: Using OPTGROUP to group OPTION elements inside a SELECT

檢測規則

如果表單中存在群組控制元件的<fieldset>與<legend>標籤,且內容或屬性值不為空值;或<select>標籤中使用分組<optgroup>標籤,通過檢測,否則檢測失敗。

規則說明

若<fieldset>標籤存在,且其中的<legend>標籤不為空值;或<select>標籤存在,且其中的<optgroup>標籤label屬性不為空值,則通過檢測。

原始碼範例

[Example1]

<fieldset>

  <legend>以下為劇本的撰寫名單者:</legend>

  <input type="radio" id="shakesp" name="hamlet" checked="checked" value="a">

  <label for="shakesp">威廉</label><br />

  <input type="radio" id="kipling" name="hamlet" value="b">

</fieldset>

 

[Example2]

<select id="food" name="food">

      <optgroup label="水果">

        <option value="1">蘋果</option>

</optgroup>

   </select>         

說明

範例說明一:

單選項目使用<fieldset>標籤將其以群組表示,並使用<legend>標籤提供該群組的說明。 群組內每個<input>標籤中type屬性為顯示輸入的類型、checked屬性顯示已選擇或不選擇、name屬性為該標籤的識別名稱、value屬性為顯示變數值。 <label>標籤中for屬性為規定label與哪個表單元件綁定(與表單元件中的id相符)。

 

範例說明二:

下拉選單<select>標籤中的name屬性為該標籤的識別名稱、value屬性為傳出的變數值或引數。 <optgroup>標籤則為將<option>標籤加以分群,並以label屬性做為該群組名稱。