HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


フォームタグ

ラジオボタンを作る

<input type="radio" name="" value="">

ラジオボタンは複数の項目から一つの項目を選ぶようなボタンです。チェックボックスと異なるのは、ラジオボタンは1つのグループ内では複数の項目を選択することができません。用途に合わせて使用してください。

INPUTタグに「type="radio"」という属性を追加します。
さらに、グループ名は「name=""」という属性で指定します。1つのグループ内の各ラジオボタンが属するグループ名は同じ名前にする必要があります。こうすることでグループ内の複数の項目から1つを選択できるようになります。

また、各グループ内のラジオボタンの項目名を指定するには「value=""」という属性を追加します。ただし、これはあくまで識別のためであり、valueに入力した項目名は実際には表示されません。改めてラジオボタンの横に項目を記述する必要があります。

また、1つのラジオボタンを最初から選択された状態にすることもできます。この場合は「checked」をINPUTタグ内に書き入れます。ただし、1つのグループで1つのラジオボタンにのみ有効です。

フォームの内容を外部のスクリプトで処理する場合、実際にスクリプトへ送信される内容は「value=""」に書かれた内容であることが多いようです。

タグをコピーする

記述例

<form>
<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>
はいいいえ
YESNO

☆ワンポイントアドバイス

INPUTタグは単体では動作しません。必ずフォームタグの中に挿入してください。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。