色々なボックス

　2006-07-02
スクリプト先生 ここでは色々な種類のフォームの要素を一気に勉強するぞ。

サンプル

・ラジオボタン
選択肢1 選択肢2

・チェックボックス
選択肢1 選択肢2

・セレクトボックス

・リストボックス

文法

・ラジオボタン 
<form>
<input type="radio" name="1">選択肢1
<input type="radio" name="1">選択肢2
</form>

・チェックボックス 
<form>
<input type="checkbox" name="1">選択肢1
<input type="checkbox" name="1">選択肢2
</form>

・セレクトボックス 
<form>
<select name="1">
<option>選択できます。
<option>選択肢1
<option>選択肢2
</select>
</form>

・リストボックス 
<form>
<select size="3" name="1">
<option>選択できます。
<option>選択肢1
<option>選択肢2
</select>
</form>

説明

・ラジオボタン
type="radio"とは、ラジオボックスを指定する時の命令です。
name="1"とは、ボックスの名前が１であることを表します。名前は必要な要素ですので、忘れずに記述してください。名前は半角英数字ならば好きな文字を使うことができます。

・チェックボックス
type="checkbox"とは、チェックボックスを指定する時の命令です。

・セレクトボックス
selectとは、複数のリストボックスを指定する時の命令です。
optionとは、selectの中に記述する記号で、optionの一つ一つがリストの役割を果たします。

・リストボックス
select要素の中にsize"*"を記述すると、セレクトボックスに縦の長さが加わった、リストボックスになります。
スポンサード リンク
カテゴリ ：「フォーム」 / ボタンとか トラックバック(-) コメント(-)
≪　トップページへ｜このページの先頭へ 　≫