ラジオボタンはどれか一つのみ選択可能なフィールドです。
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>
|
|
|