いくつかの選択肢の内一つだけ選べるようにするにはラジオボタンを使用します。
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タグ内で利用する要素の内、セレクトボックスとテキストエリア以外はINPUT要素のTYPE属性の属性値・オプションとして利用します。