ラジオボタン
コピペですぐ使えるラジオボタンのサンプルコードを動作・特徴別にまとめています。
無料ツール
ラジオボタンを自由に作成

選択肢・並び方・ボタンの形・サイズ・色・余白・角丸などを設定して、HTML・CSSを自動生成できます。

ラジオボタン作成ツールを使う
新しいタブで開きます

基本

基本のラジオボタンを作る方法

表示非表示

選択できないラジオボタンを作る方法

デザイン

立体的なくぼみがあるラジオボタンを作る方法
ホバーで反応するラジオボタンを作る方法
選択中を強調表示するラジオボタンを作る方法
カード型ラジオボタンを作る方法
ボタン型ラジオボタンを作る方法

レイアウト

横に2行で並ぶラジオボタンを作る方法
縦に2列で並ぶラジオボタンを作る方法
縦並びのラジオボタンを作る方法
横並びのラジオボタンを作る方法

初期状態

最初から項目が選択されたラジオボタンを作る方法

自動

指定時間後に選択できなくなるラジオボタンを作る方法

状態維持

ページを移動しても選択状態を記憶するラジオボタンの作り方

コンテンツ

画像付きラジオボタンを作る方法
画像をラジオボタンにする方法