環境
- HTML5
前提・実現したいこと
ラジオボタンとlabelを用意し、labelの中にtrタグを入れることでtrをクリックするとラジオボタンが選択されるような仕組みを作っています。
発生している問題
しかし、labelの中にtrタグを入れるとlabelがtableタグの前に押し出されてしまいます。
調べてみたのですが、参考になりそうな情報は見つからず途方に暮れています。
ご助言頂けないでしょうか。
該当のソースコード
以下のコードの時、trタグをクリックするとラジオボタンが選択される状態になることを期待しています。
html
1<table> 2 <thead> 3 <tr> 4 <th>名前</th> 5 <th>説明</th> 6 </tr> 7 </thead> 8 <tbody> 9 <label> 10 <tr> 11 <input type='radio' name='user' value='1'> 12 <td>名前1</td> 13 <td>説明1</td> 14 </tr> 15 </label> 16 <label> 17 <tr> 18 <input type='radio' name='user' value='2'> 19 <td>名前2</td> 20 <td>説明2</td> 21 </tr> 22 </label> 23 </tbody> 24</table>
しかし、ブラウザで開くとlabelとinputがtableの前に押し出されてしまい、tdタグをクリックしても何も反応はありません。
html
1<!-- labelとinputが前に出てきている --> 2<label> 3 <input type='radio' name='user' value='1'> 4</label> 5<label> 6 <input type='radio' name='user' value='2'> 7</label> 8<table> 9 <thead> 10 <tr> 11 <th>名前</th> 12 <th>説明</th> 13 </tr> 14 </thead> 15 <tbody> 16 <tr> 17 <td>名前1</td> 18 <td>説明1</td> 19 </tr> 20 <tr> 21 <td>名前2</td> 22 <td>説明2</td> 23 </tr> 24 </tbody> 25</table>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/10/30 01:52