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

選択項目(ラジオボタン・チェックボックス)は少し小さいく、基本的にはサイズを大きくできない事からマウスで選択しにくい欠点があります。

選択項目(ラジオボタン・チェックボックス)のサイズを変更するには、IEIE6IE7IE7のみの場合ですが、サイズを変更する事が可能です。

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

sample
通常 サイズUP
項目1-1 項目1-2
項目2-1 項目2-2
項目1-1 項目1-2
項目2-1 項目2-2
スタイルシート width:●;height:●;

サイズを変更する場合には、<input>に対してスタイルシートにて、
width:サイズ;height:サイズ;
にて指定する事でサイズ変更が可能になります。

書き方

<form name="sample4">
<input type="checkbox" value="d0"
 name="ck2" style="width:50px;height:50px">項目2-1
<input type="checkbox" value="d1"
 name="ck2" style="width:50px;height:50px">項目2-2
</form>
こうなります
IE7
IE6
Firefox
Ver2のFirefoxでは、不可になります。
Firefox2
Opera

ホームページ作成TOP > フォームを設置する > 選択項目(ラジオボタン・チェックボックス)のサイズ > このページのTOP ▲