11

私は常に次のことをしようとしています。

<label><input type="checkbox" /> Some text</label>

また

<label for="idOfField"><input type="checkbox" id="idOfField" /> Some text</label>

私の質問は、特にチェックボックスのラベルタグに関連しています。

<label>ほとんどの Web サイト (40% 以上) はこのタグを使用していません。

これには理由がありますか？ブラウザに問題がありますか、それとも他の問題ですか?

注:このタグについて知らない人のために説明すると、この<label>タグには多くの利点があります。

  • チェックボックスとラジオ: テキストとチェックボックスをクリックして、チェックボックスをオンにすることができます (また、私が信じているフォーカスも): 何とか何とか
  • その他の入力: テキストをクリックすると、入力 (テキストエリア、テキスト、ファイル) がフォーカスされます (この機能は、チェックボックスやラジオほど便利ではありません)。

注 2:一部の人々は、例 #2 が #1 (上記) よりも正しいと述べていますが、ドキュメントhereによると、どちらも正しいです。

4

8 に答える 8

13

おそらく、人々が <label> タグについて知らないことが要因だと思います。この投稿まで、私はしませんでした。

于 2008-12-30T02:11:00.363 に答える
6

label が不明なタグであることが多いことに同意します。という形で使っています 

<label for="chk1">Some text</label><input id="chk1" type="checkbox"/>

for 属性により、ユーザーはラベルをクリックして、対応する ID (名前ではない) のチェックボックスを選択することもできます。また、CSS を使用してレイアウトをより適切に制御できます。

私はあなたの解決策を試しますが、

于 2008-12-30T02:17:56.540 に答える
5

<label>私が知っていることを使用することにマイナス面はありません。私は過去数年間それをたくさん使用しました。

ラベルを設定する方法は実際には3つあり、最初の2つは質問で指定したものに対応しています。

<label for="xa">XA: <input type="text" id="xa" /></label><br />
<label for="xb">XB:</label> <input type="text" id="xb" /><br />
<label>XC: <input type="text" id="xc" /></label>

上記の3つはすべて、FF3とIE7で機能します。どういうわけか、最後の2つを「避けるべき、部分的にしか機能しない」と精神的にマークしたことを覚えています。したがって、私は最初のものだけがIE6で機能することにかなりのお金を賭けます。

明確にするために：それを行うための「最良の」方法は私の例＃1、あなたの例＃2です。

于 2008-12-30T05:38:21.160 に答える
4

一部の古いブラウザーはfor属性を解釈せず、代わりに form 要素をlabelタグ内にネストする必要があります。

于 2008-12-30T02:23:56.013 に答える
3

<label>サイトで作業している開発者は、タグの存在を知りませんでした。

于 2008-12-30T02:11:39.830 に答える
2

利点は明らかですが、ラベルは具体的なことを何も伝えていないように見えるので、私はそれについてほとんど知らないと思います。強力なタグを使用すると、テキストは太字に見えますが、ラベルタグが表示されるため、その利点をはっきりと理解できますか？何も違うことに気付かないでしょう。

于 2008-12-30T05:19:23.383 に答える
2

ほとんどの Web サイトは、サイトが本来あるべきだと思うように機能するために必要なことだけを行う人々によって作成されました。プロセス フローは次のとおりです。

  1. それを突き刺してください。
  2. ブラウザにロードして、何が問題なのかを確認してください。
  3. Google で修正を検索します。
  4. 繰り返す。

これらの人々のほとんどは、マウスを使用せずに入力に集中しようとしないため、問題が明らかになることはありません.

于 2008-12-30T02:18:20.910 に答える
1

もっと注目されるべき過小評価されたタグだからです。アクセシビリティを改善している間は、tabindex プロパティを忘れないでください。

于 2008-12-30T04:02:44.863 に答える