クリックすると選択項目が出てきて選べるフォームを作ります。
使い方によって基本のタグが違うので、ここでは装飾をメインに紹介します。
フォームは、入力するもの、それを送信するものやクリアするものなどを1セットとして、
<form>と</form>で囲みます。
<form>の前と</form>の後ろは改行2つ分が自動で入ります。
改行しないようにする方法は、こちらへどうぞ。
基本のプルダウンメニュー
【名前】には、この選択項目に半角英数字で名前をつけて入れます。
項目の数を変える場合は、以下の1行を増減して下さい。
<option value=【項目】>【項目・表示】
項目は、【項目・表示】となっている方がメニューに出てきます。
「value=○」は、CGIなどで送信したときにそれが使われます。
<select name=【名前】>
<option value=none selected>【最初に表示する文字】
<option value=【項目1】>【項目1・表示】
<option value=【項目2】>【項目2・表示】
<option value=【項目3】>【項目3・表示】
</select>
|
プルダウンメニューを装飾するには、<select〜>の < > 内に、以下のタグを追加します。
プルダウンメニューの文字を変える
|
style="font:【サイズ】pt 【フォント】;color:【色】;"
|
サイズだけなら「font:○pt」で、フォントだけなら「font-family:○」でも可。
フォントは2種類以上指定する場合は「,」で区切ります。
それ以外に、太字にする「font-weight:bold」が使えますが、斜体にできそうな「font-weight:italic」は使えないようです。
プルダウンメニューの背景色を変える
他のフォームで使える「background:none」にしても、背景が透けるようにはならないようです。
※他のフォームと同じタグで枠を変えると、MacOS9のIEでは表示されていましたが
WinXPのIEでは対応していないようです(´・ω・｀)
「HTMLタグ」のトップに戻る
|
|
|
