無障礙網路空間服務網無障礙網路空間服務網

10.3:H210102 確保表單的控制項與控制項說明之間的配合很適當

不良設計:

未提供表單控制項說明,使用者將不能肯定填入的資料是否切合需求。以下的不良設計只是單純插入文字作為表單的控制項說明。

不良設計:

  <FORM action="customer" method="post">
   生日:
    <INPUT  type="text" id="birth" value="請填您的國曆生日年月日">
  </FORM>

正確範例:

表單控制項統指所有FORM的物件,為了要讓使用者清楚知道這該欄位或選單要怎麼填資料或選擇,必須在表單控制項說明文字,說明文字等於是給使用者下一個動作的提示。

正確範例:

<FORM action="customer" method="post">
 <LABEL for="birth">生日: </LABEL>
  <INPUT type="text" id="birth" value="請填您的國曆生日年月日">
</FORM>
          
網頁內容結束分隔線