1upホームページ作成のフォーム<form>にて選択項目(チェックボックス)を選択済にする方法です。
ホームページ作成
無料!発信中!メール情報誌!
ホームページ作成TOP > フォームを設置する > 選択項目(チェックボックス)を選択済にする
選択項目(チェックボックス)を選択済

選択項目(チェックボックス)を設置して、訪問者に選択してもらう事で、選択項目を選択しやすいページが作成できます。

また、選択項目を『選択済』にしておく事も可能になります。

下記の例では、中央の『項目1−2』が選択済になってます。

(このチェックボックスは少し小さいく、基本的にはサイズを大きくできない事からマウスで選択しにくい欠点があります。
のみで良ければ選択項目(チェックボックス・チェックボックス)のサイズを変えるにて紹介してます。)

文字情報と、チェックボックスを同時に選択できる様にする事でマウスで選択しやすくする事ができます。これについては選択項目(チェックボックス・チェックボックス)と文字を同時選択可能にするを見てください。

sample
項目1-1 項目1-2 項目1-3
HTML <input type="radio" name="●">

選択項目(チェックボックス)を選択済にするには、選択済にしておきたい<input>に対してcheckedを指定する事で選択済にする事が可能になります。

書き方

<form name="sample">
<input type="checkbox" value="r1" name="r1">項目1-1
<input type="checkbox" value="r2" name="r1" checked>項目1-2
<input type="checkbox" value="r3" name="r1">項目1-3
</form>
こうなります
IE7
IE6
Firefox
Opera

ホームページ作成TOP > フォームを設置する > 選択項目(チェックボックス)を選択済にする > このページのTOP ▲