おさらい。
IEにDOCTYPEスイッチが実装されたのはIE6から。
→ IE5.xは互換モードのみ → ボックスモデルのバグあり。
[ 対象 ]
XHTML1.1, XHTML1.0(Strict, Transitional, Frameset), HTML4.01(Strict, Transitional, Frameset)
[ XML宣言あり ]
→ 全てで後方互換モード
[ システム識別子なし ]
→ HTML4.01 Transitional, HTML4.01 Framesetで後方互換モード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
※MacIE5.xでは、"HTML4.01 Strict 識別子なし"でも後方互換モードになる
フォームでtextarea要素、textタイプのinput要素は、cssで幅を指定して整形。
さらにcssを切った状態で入力スペースが極端に狭くならないように、htmlでsize、cols、rows属性も指定しておく。
[ Example ]
html
<input type="text" size="30"/>
<textarea cols="30" rows="5"></textarea>
css
input,textarea{
width : 200px;
}
[ <label>タグ ]
HTML4で導入された要素。フォームのコントロール部分と説明文（=ラベル)を関連付ける。label要素を設定すると、説明文をクリックするだけで、ラジオボタンがチェックされたり、テキストボックスにフォーカスが移動する。
[ sample ]
<label for=”selection1″>メンバー</label>
<input name=”membership” id=”selection1″ value=”member” checked=”checked” type=”radio” />
→ コントロールにid属性を指定し、label要素ではそのID名をfor属性で指定する。