前へ 目次 次へ
フォーム(ラジオボタン、チェックボックスなど)
 

ここでは、テキスト入力以外のフィールドについてみていくことにしましょう。

 
ラジオボタン、チェックボックス、メニュー
 

ラジオボタンはどれか一つのみ選択可能なフィールドです。 input 要素の type 属性に radio を指定します。 選択肢には共通の名前を指定する必要があります。

チェックボックスは、複数を選択することができます。 input 要素の type 属性に checkbox を指定します。 ラジオボタンもチェックボックスも checked を指定することで、 最初から選択状態にすることができます。

メニューは select 要素で囲って、 選択肢には option 要素を使います。 selected を指定しておくことで、 選択状態にすることができます。

ソース表示
<form action="mailto:" method="post">
<p>
<label><input type="checkbox" name="checkbox" value="male" checked>男</label>
<label><input type="checkbox" name="checkbox" value="female">女</label><br>
<label><input type="radio" name="radio" value="win">Windows</label>
<label><input type="radio" name="radio" value="linux" checked>Linux</label>
<label><input type="radio" name="radio" value="mac">Macintosh</label><br>
<label>Select:<select name="select" >
<option>select1<option>
<option>select2<option>
<option>select3<option>
</select></label>
</p>
<p>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</p>
</form>



 
2003/07/16(Wed)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送