html - ラジオボタンのテキストもクリック可能にするにはどうすればよいですか?

Question

私はこのラジオボタンを持っています（そして、このラジオボタンの後に他のボタンがあります）：

<input type="radio" name="group1" value="Milk"> Milk<br>

しかし、ラジオボタンを有効にしたい場合は、それをクリックする必要があります。ボタンの右側にある「ミルク」という単語をクリックしても、有効になりません。これまでにラジオボタンについて見つけたすべての例には、同じ問題があります。前もって感謝します。

Answer 1

ここでは、label タグを使用します。

何かのようなもの：

            <label>
                <input type="radio" name="group1" value="Milk">
                Milk
            </label><br/>

ラベルは、含まれているすべてのものを 1 つの要素として扱う必要があることをブラウザーに伝えます (テキストに関して。それらは div ではありません)。

例としてこれを見てください: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label

Answer 2

label タグを使用してラジオ ボタンに ID を指定すると、ラベルをクリックしてラジオを選択できるようになります。

<input type="radio" name="group1" value="Milk" id="rad1">
<label for="rad1">Milk</label>

http://jsfiddle.net/tvFgU/1/

これは xhtml 1.0 strict で有効です: