name属性に同一の値を設定した要素が、同一のグループとしてまとめられます。
<label><input type="radio" name="sample" value="1" checked="checked" />radio1</label> <label><input type="radio" name="sample" value="2" />radio2</label> <label><input type="radio" name="sample" value="3" />radio3</label>
name属性が同一でも、異なるform要素に内包される要素は、異なるグループとなります。radio button group - HTML Standard
<form>
<input type="radio" name="sample1" />A
<input type="radio" name="sample1" />B
<input type="radio" name="sample2" />C
<input type="radio" name="sample2" />D
</form>
<input type="radio" name="sample1" />A
<input type="radio" name="sample1" />B
<input type="radio" name="sample2" />C
<input type="radio" name="sample2" />D
<div>
<input type="radio" name="sample1" />E
<input type="radio" name="sample2" />F
</div>
<input type="radio" name="sample" readonly="readonly" />
HTML5ではtypeがradioなどの要素では、readOnlyの指定が無視されます。Properties - HTMLInputElement - Web APIs | MDN
| readonlyの指定なし | |
| readonlyの指定あり |