[HTML] チェックボックスやラジオボタンのテキストをクリックしてもチェックできるようにする方法

チェックボックスやラジオボタンのテキストをクリックしてもチェックできるようにする方法は以下のようにコードを書く

<label><input type="radio" name="radio1">ラジオボタン</label>

<label><input type="checkbox">チェックボックス1</label>

 

ちなみにテキストにマウスオーバーすると、指に変わるようにするには以下のCSSを実装しておくこと

label, input {
 cursor: pointer;
}

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です