No.2ベストアンサー
- 回答日時:
<label><input type="radio" name="fruit" value="0">りんご</label>
<input>を囲むことで、forを省略出来ます。
テーブルなどでフォームエレメントとラベルが離れてるときはANo.1のようにidを指定することも出来ます。
<tr>
<td><input type="radio" name="fruit" id="apple" value="0"></td>
<td><input type="radio" name="fruit" id="orange" value="1"></td>
<td><input type="radio" name="fruit" id="banana" value="2"></td>
</tr>
<tr>
<td><label for="apple">りんご</label></td>
<td><label for="orange">みかん</label></td>
<td><label for="banana">バナナ</label></td>
</tr>
送信されるのは fruit=0 などです。
IE6以前は<label>が効きませんが、JavaScriptで対応可能。IE7は有効です。
ご回答ありがとうございました。
試してみたのですが、IE6ではforは省略できないみたいですね…。残念です(笑)
頂いた回答を元に調べてみたらちゃんと私にも理解できました。
テーブルの例がとても参考になりました。
本当に、ご丁寧にありがとうございました。
No.1
- 回答日時:
<label for="ringo">○りんご</label><input type="radio" id="ringo">
<!ATTLIST LABEL
%attrs; -- %coreattrs, %i18n, %events --
for IDREF #IMPLIED -- matches field ID value --<<--これを使います。
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>
早々のご回答ありがとうございました。
こちらの知識が足りず、ちょっと理解ができなかったのですが参考になりました。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP php ラジオボタン 3 2022/11/17 16:36
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- 画像編集・動画編集・音楽編集 WIN10で「切り取り&スケッチ」が上手く使えません。 1 2022/09/01 22:56
- Excel(エクセル) 余計なお世話的な「入力規則」?対策は? 2 2023/01/14 12:39
- 迷惑メール・スパム gmailの過去のメールを一括削除する方法について 3 2023/04/19 05:27
- Excel(エクセル) Excelに文字データのみを貼り付けたい 8 2023/05/03 15:38
- HTML・CSS HTMLのフォームについてお尋ねします 1 2022/12/03 21:47
- Windows 10 Windows10でセーフモードが出来ません。 2 2022/04/22 23:37
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
HTML <td></td>タグ セル内余...
-
TRタグの余白をcssで設定するには
-
テーブルの外側の線を消す
-
文字列が入っているtdを削除せ...
-
テーブルの入れ子について
-
テーブルのヘッダとボディの幅...
-
html・cssで日付をキレイに揃え...
-
テーブルの行の高さを指定する...
-
テーブルの位置
-
<table>の<thead>をposition:fi...
-
テーブルの行を折りたたみたい...
-
ホームページ 表の上の余白を...
-
表の1列だけをCSSを使って右揃...
-
EXCELからhtmlへの変換で罫線が...
-
cellpadding
-
【HTML】Tableの列と行の入れ替え
-
<table>の<thead>をposition:fi...
-
テーブルのレイアウトがおかし...
-
cssで、表示されるテキストによ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報