HTMLのラジオボタンは、複数の選択肢の中から 特定のものを選ばせる時などに使用します。 利用シーンでは、男性・女性を選択するものであったり、 利用規約の同意・非同意、旅館の予約コースの選択であったりと様々です。 HTMLのラジオボタンの作成はとても簡単で、下記の様に作成する事が出来ます。 上記では、『radio-group』というラジオボタンのグループ内で 特定の選択をさせるというものです。 選択出来るのは必ず一つで、選択状態を変更すると他の選択状態は破棄されます。 formで送信する際は、選択されたラジオボタンの「value」の値のみ送信されます。 ラジオボタンはとても便利で、よく使うHTML要素かと思いますが、 そのまま使用するとブラウザ毎に表示が異なり、 デザインにこだわったサイトでは、他のデザインと協調せず、ういてしまいます。 そこで、今回はラジオボタンを手軽に画像にする方法を解
![とっても応用の効くラジオボタンを手軽に画像で表現する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd3694858c92d975a1feb08b55b5e74c1a0dfeca/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEg7XBPopZUX_KXcmyN_DTd6qMwwyj_MN1BMFHrO3efB7R3eNSNJ23-IXKQAQLP34cW5OShTkvWyrgaBrOBsuXU79AXawD3LQL3RTTLVL1O_P6mKsg21-8I8d_j9j2IJq_E2Saw3jQB4Gg%2Fw1200-h630-p-k-no-nu%2FPAK86_meganewo1039.jpg)