スタイルシートの参考書
| ●タグ | <INPUT> | ||
| ●構文 |
<INPUT TYPE="checkbox" VALUE="xxx" CHECKED> 終了タグは存在しません（エンプティ要素）
| ||
| ●説明 |
四角いボタンを複数表示し、複数を選択できるようにするものです。
感想や意見を選択項目の中から複数選択する場合に有効で、訪問者はキーボードからの入力を省略できるため、結構な使用頻度があります。
NAME属性は必ず指定しなければなりませんが、この属性値を同一のものにすると、それらが１つのグループとして扱われます。
そのグループ内で、 フォーム送信時に選択されているVALUE属性値をデータとして送信するので、グループ内の属性値はすべて別々にする必要があります。 初期から選択させたい場合は、「CHECKED」属性を指定します。 | ||
| ●HTML4.0 | INPUT要素 | ||
| ●サンプル | 実際に表示 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.0 Transitional//EN"> <HTML> <HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>ラジオボタンを作る</TITLE> </HEAD> <BODY> <FORM METHOD="POST" ACTION="mailto:dummy@dummy.ne.jp" ENCTYPE="multipart/form-data"> ホームページに関する項目は？<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="html">HTML<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="css">CSS<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="cpu">CPU<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="xml">XML<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="agp">AGP<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="isa">ISA<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="xls">XLS<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="fdd">FDD<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="mime">MIME<BR> <INPUT TYPE="checkbox" NAME="homepage" VALUE="linux">Linux<BR> </FORM> </BODY> </HTML>