気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
HTML/XHTMLタグ・要素・属性・属性値

RADIO ラジオ(ボタン)

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
複数の選択肢から1つだけ選べるようにしたい『form/input/type/radio編』

RADIO ラジオ属性値・オプション

RADIOとは

 いくつかの選択肢の内一つだけ選べるようにするにはラジオボタンを使用します。

htmlファイルの<body><form>~</form></body>タグの内側に記述できます。

◆サンプル


はい
いいえ
キャンセル

 横に並べる場合は、下記で<br>を入れずに記述します。

 これはFORMタグの内側に以下のように記述します。


     <form>
         <input type="radio" name="お好きな名前" value="yes" checked>はい<br>
         <input type="radio" name="お好きな名前" value="no">いいえ<br>
         <input type="radio" name="お好きな名前" value="cancel">キャンセル
     </form>

補足しますと

◆NAME属性で同じ名前を指定するとグループ化できます

◆INPUT要素の開始タグにhtmlでは『checked』、xhtmlでは『checked="checked"』を指定するとその値が選ばれた状態でブラウザに表示されます

◆VALUE属性で指定した値が送信する際に送られます

<input>タグは他でも使用しますので覚えておいて下さいね。

FORMタグで利用できるタグ

 FORMタグ内で利用する要素の内、セレクトボックスとテキストエリア以外はINPUT要素のTYPE属性の属性値・オプションとして利用します。

各種HTMLとHTMLタグ/要素・属性・属性値

ウェブ造ホーム前へ次へ