NO.38 フォーム⑧
主に部品を表示時にグループ化してまとめるタグの解説です。
別にグループ化出来るのはフォーム部品だけに限った事じゃないですが、これらを使えばWindowsのダイアログっぽいデザインが作れそうですね。
<fieldset>,<legend>
単純に、<fieldset>～</fieldset>で囲まれた領域をグループ化して枠で囲うだけです。
<legend>はそのタイトルを記述します。
<fieldset> <legend>フォーム解説で紹介した部品群です</legend> <legend>(ちょい見難いかも)</legend> <select size=1><optgroup label="元素"><option value=1>H</option> <option value=2>He</option><option value=3>Li</option><option value=4>Be</option><option value=5>B</option> <option value=6>C</option><option value=7>N</option><option value=8 selected>O</option></optgroup> </select> <button><img src=temp/iruka.png><br>画像付き</button> <input type=radio name=test value=1 checked>1 <input type=radio name=test value=2>2 <input type=radio name=test value=3>3 <input type=radio name=test value=4>4 <input type=checkbox value="OK">OK <input type=checkbox value="YES"checked>YES <input type=image src="temp/iruka.png"border=1><br> <input type=file size=50><input type=button value=ボタン><br> <input type=password size=100 maxlength=3 value="THIS BOX IS TEST"> size=100 maxlength=3 value="THIS BOX IS TEST"<br> </fieldset>
フォーム解説で紹介した部品群です
(ちょい見難いかも)
H
He
Li
Be
B
C
N
O
画像付き
1
2
3
4
OK
YES
size=100 maxlength=3 value="THIS BOX IS TEST"
<label>
フォーム部品と文字・その他を関連付けるタグです。
関連付けられた文字等をクリックすると、フォーム部品をひっくるめてフォーカスが当たります。
form部品に
id属性
でIDを指定し、label側では
for属性
で同じIDを記述して関連付けます。
<label>～</label>で囲まれた部分が関連付けられる領域になります。
<input type=checkbox id=T1><label for=T1>子供を誘拐した事がある。</label><br> <input type=checkbox id=T2><label for=T2>人の家に火をつけた事がある。</label><br> <input type=checkbox id=T3><label for=T3>人を殺した事がある。</label><br> <input type=checkbox id=T4><label for=T4>文系である。</label><br> <input type=radio name=AT id=B1 checked><label for=B1>懲役刑</label> <input type=radio name=AT id=B2><label for=B2>禁固刑</label> <input type=radio name=AT id=B3><label for=B3>終身刑</label> <input type=radio name=AT id=B4><label for=B4>死刑</label>
子供を誘拐した事がある。
人の家に火をつけた事がある。
人を殺した事がある。
文系である。
懲役刑
禁固刑
終身刑
死刑
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
