網(wǎng)頁表單在瀏覽器的表現(xiàn)實例

字號:

在工作之余抽了點時間寫了一下這個,在ie6-ie7-ff下顯示位置基本都一致了。
    (發(fā)現(xiàn)demo頁面用柵格線做背景,調(diào)試還真的容易得多 。熱力推薦!這個柵格是從photoshop里拷貝來的。)
    這樣子定義了input等標(biāo)簽,做提交表單的時候就不用擔(dān)心ie6-ie7-ff下radio、checkbox、text等高低不平,參差不齊的狀況了。
    但是有一點疑惑.這樣根據(jù)input的type來定義class名稱,會不會不太合適?
    還有個問題無法解決,windows選用不同的外觀都可能都會導(dǎo)致表單不一樣。 俺是在Zune Style和xp默認皮膚下寫的,其余皮膚沒測試過。
    缺點:ie6下text輸入框的閃爍光標(biāo)的高度比外部的高. 看上去像截掉了一段。一時沒想到怎么解決. 同樣還有select的問題,用js實現(xiàn)同樣的操作成本太高,用css又拿它沒辦法。無奈…不去動它了…
    歡迎大家拍磚,共同提高!