2009-04-27 61 views
0

我有一個頁面,視覺上有兩個字段在彼此之上,但實際上有兩種不同的形式。HTML表單字段(type = text)的默認大小是什麼?

在Firefox中,它們看起來具有相同的寬度。在IE(IE6,IE7,IE8)中,它們以不同的寬度顯示。

這裏有一個樣品,我認爲這個問題是缺乏「大小=」的

<input id="fieldid" type="text" name="fieldname" value="" /> 

當你做到這一點(沒有大小),是什麼規模?

我發現HTML3HTML4一些文件...

,但無法得到,如果默認值應該是什麼清晰的概念。

從Firefox 3.0的Firebug中玩起來,它看起來像是Gecko中的20。

在IE中,它看起來是可變的,根據我不明白的其他條件。

UPDATE:

我曾嘗試進一步比較這兩種形式的特點,但未能變量隔離。我確實破解了這個文件,使兩者都使用set size = 20,但寬度仍然不同(儘管比之前少)。

+0

更新:我這個問題的根源是,我有兩個字段,而尺寸集,在IE中,他們出現在不同的形式和有不同的寬度。最近,我在該頁面上做了一些修改,發現根本原因是IE似乎對type =「text」和「type = password」有不同的默認寬度。即使是相同的形式,甚至沒有CSS。 – benc 2010-12-12 18:12:24

回答

3

在IE6和7中,它似乎也是20.不知道更多關於您的測試條件或結果,很難說出爲什麼您遇到「可變」默認大小。

「size」屬性將始終相對於樣式中設置的字體大小進行渲染。例如。由於「大小」與字符寬度有關,所以10號字體的「20」與20號字體的「20」不同。如果您想要一個硬/靜態寬度,請使用寬度CSS屬性。

+0

你能告訴我你是如何確認這個值是20嗎?你通過Javascript檢查了DOM嗎? – benc 2009-04-28 18:17:32

0

默認大小爲20.To增加大小用「尺寸」