inputタグとcheckbox(チェックボックス)について分かったことを書く。
checkbox(チェックボックス)の場合はreadOnlyは意味がない(効果なし)。
checked属性は、属性が存在するだけでチェックボックスをチェック状態する。そのため、checked=trueやchecked=falseを指定しても、どちらの場合もチェックボックスはチェックされる。
私はreadOnlyとcheckedの挙動について知らなかった。
※ただし、Reactの場合checked={true}やchecked={false}でチェック入れたり外したりの制御が可能である。
<input type="checkbox" readOnly />
<input type="checkbox" checked=false />
<input type="checkbox" checked=true />