HTML select,option,optgroup,button要素

こんにちは。hirafujiです。

ついに新卒にも机が与えられ、社内総出で席替えをしました。なかなかいい席です!

さて今日のHTMLも、様々な要素について勉強しました。

【select要素】

選択項目のリストを表示する。

【制限事項】
1つ以上のoption要素を含まなければならない。
【属性】
name
選択項目の名前を指定。
size
行数を指定する。
multiple
複数選択可能にする。
※選択の方法はブラウザにより異なる。
※選択数の上限は指定できない。
disabled
入力不可にし、サーバーにもデータを送信しない。

【option要素】

select要素の各項目を指定する。

【属性】
value
値を指定する。
label
ラベルを表示する。ほとんどのブラウザが未対応。
selected
初期状態で選択済みにする。
disabled
選択不可にし、データの送信もしない。

【optgroup要素】

選択項目をグループ可する。

【属性】
label(必須)
グループのラベルを指定。
disabled
選択不可にし、データの送信もしない。

【button要素】

ボタンを作る。

【属性】
name
ボタンの名前を指定する。
この要素を含むform要素内で重複してはいけない。
type
ボタンの形式を指定する。
・submit : 送信ボタン
・rest : リッセトボタン
・button : 単なるボタン
value
ボタンの初期値を指定する。
disabled
選択不可にし、データの送信もしない。

次の講義では、ついに実際にコードを書いてみる様です。
自分用の机もできたということで、心機一転、来週もがんばります!

—-
(2008/05/30 18:hirafuji追記)

動画をご覧下さい!

part.1

part.2

コメントをどうぞ

名前: (Required)

eMail: (Required)

Website:

Comment:

Spam Protection by WP-SpamFree