2/3 押しやすいチェックボックスやラジオボタンを作るCSS [ホームページ作成] All About押しやすいチェックボックスやラジオボタンを作るCSS(2ページ目)HTMLのinput要素で作る「チェックボックス」や「ラジオボタン」は、標準ではクリック可能な範囲が狭くて使いやすくはありません。label要素を使ってラベル文字部分もクリック可能にしたり、fieldset要素を使ってグループ単位で囲んだりすることで、PC環境でもモバイル環境でも分かりやすく・使いやすく表示する方法をご紹介。 チェックボックスやラジオボタンに「ラベル」を加えて使いやすくする方法 それでは、チェックボックスやラジオボタンを使いやすくする記述方法をご紹介致します。まずは、特に使いやすくはない普通の例を掲載しておきます。 ■ラジオボタンの作成方法： ラジオボタンは、input要素のtype属性の値を「radio」にすると作れます。 <input type="radio" name="fruit" value="or
![2/3 押しやすいチェックボックスやラジオボタンを作るCSS [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/86d6a32492687fe8753aa3fdc74f095ce3fad352/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F5%2F6%2Ftopimg_original.png)
