0

コードのこの部分について

<label for="gender">I am:</label>
<select class="select" name="sex" id="sex">
  <option value="0">Gender:</option>
  <option value="1">Female</option>
  <option value="2">Male</option>
</select>

W3C Validator がこのエラー参照を存在しない ID "gender" に与える

これを解決するには？

編集

ここへの行き方も

存在しないID「誕生日」への参照

<label for="birthday" class="birthday">Birthday:</label>

<div class="field_container"> 

<select name="birthday_month" id="birthday_month" class="">
<option value="-1">Month:</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
</select> 
<select id="birthday_day" name="birthday_day">
<option value="-1">Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="birthday_year" name="birthday_year">
<option value="-1">Year:</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>

</select>
</div>
4

2 に答える 2

2

要素のfor属性の値を変更します。label

<label for="sex">I am:</label>

編集して追加:

2 番目の例は、3 つの入力フィールドに 1 つのラベルを使用しているため、より複雑です。

次のようなものをお勧めします。

次の CSS ルールをサイトに追加します。

.hidden_label {
  font-size:1px;
  height:0;
  line-height:0;
  margin:0 0 0 -1000px;
  text-indent:-9999px;
}

次に、フォームを更新します。

<div class="birthday">Birthday:</div>

<div class="field_container"> 

<label for="birthday_month" class="hidden_label">Birthday Month</label>
<select name="birthday_month" id="birthday_month" class="">
  <option value="-1">Month:</option>
  <option value="1">Jan</option>
  <option value="2">Feb</option>
  <option value="3">Mar</option>
</select> 

<label for="birthday_day" class="hidden_label">Birthday Day</label>
<select id="birthday_day" name="birthday_day">
  [...]
</select>

<label for="birthday_year" class="hidden_label">Birthday Year</label>
<select id="birthday_year" name="birthday_year">
  [...]
</select>

次の 2 つのことを行います。

ユーザーにとって視覚的に魅力的なフォームを用意し、支援技術を使用しているユーザーのために、途中で追加のヘルパーを提供します。上記で定義した CSS クラスを使用すると、ユーザーがフォーム要素に移動したときに、スクリーン リーダーが引き続き要素を認識し、それらのコンテンツを読み上げる一方で、ビジュアル サイトからすべての追加ラベルを非表示にできます。

于 2010-11-09T20:19:34.940 に答える
1

id="gender"またははありませんname="gender"。あなたはセックスを利用しています。性別を使用するか、性別を使用してください。一貫性を保ちます。

于 2010-11-09T20:19:50.813 に答える