ラジオボタンを作る
<input type="radio" name="" value="">
ラジオボタンは複数の項目から一つの項目を選ぶようなボタンです。チェックボックスと異なるのは、ラジオボタンは1つのグループ内では複数の項目を選択することができません。用途に合わせて使用してください。
INPUTタグに「type="radio"」という属性を追加します。
さらに、グループ名は「name=""」という属性で指定します。1つのグループ内の各ラジオボタンが属するグループ名は同じ名前にする必要があります。こうすることでグループ内の複数の項目から1つを選択できるようになります。
また、各グループ内のラジオボタンの項目名を指定するには「value=""」という属性を追加します。ただし、これはあくまで識別のためであり、valueに入力した項目名は実際には表示されません。改めてラジオボタンの横に項目を記述する必要があります。
また、1つのラジオボタンを最初から選択された状態にすることもできます。この場合は「checked」をINPUTタグ内に書き入れます。ただし、1つのグループで1つのラジオボタンにのみ有効です。
フォームの内容を外部のスクリプトで処理する場合、実際にスクリプトへ送信される内容は「value=""」に書かれた内容であることが多いようです。
記述例
<input type="radio" name="グループ1" value="項目1" checked>はい
<input type="radio" name="グループ1" value="項目2">いいえ<br>
<input type="radio" name="グループ2" value="項目1">YES
<input type="radio" name="グループ2" value="項目2"checked>NO
</form>
☆ワンポイントアドバイス
INPUTタグは単体では動作しません。必ずフォームタグの中に挿入してください。
→関連情報
参考
- HTMLの基本（タグの書き方と要素）
- タグ打ち（メモ帳）だけでホームページを作るには
- HTMLやホームページや拡張子など、前もって必要な知識とは
- ホームページ制作ソフトの力を借りて作るには
- 標準モードと互換モードについて
タグをコピーするには？
→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。
