HTML 表单域（类型=文本）的默认大小是多少？答案

【问题标题】：What is the default size for an HTML form field (type=text)?HTML 表单域（类型=文本）的默认大小是多少？
【发布时间】：2009-04-27 19:32:43
【问题描述】：

我有一个页面，在视觉上具有两个相互重叠的字段，但实际上是两种不同的形式。

在 Firefox 中，它们看起来具有相同的宽度。在 IE（IE6、IE7、IE8）中，它们以不同的宽度显示。

这是一个示例，我认为问题在于缺少“size="

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

当你这样做（没有尺寸）时，尺寸是多少？

我在HTML3 和HTML4 上找到了一些文档...

但不清楚默认值应该是什么。

在 Firefox 3.0 中玩 Firebug，在 Gecko 中看起来是 20。

在 IE 中，它看起来是可变的，基于我不理解的其他一些条件。

更新：

我确实尝试进一步比较这两种形式的特征，但无法隔离变量。我确实破解了文件以使两者都使用 set size=20，但宽度仍然不同（尽管比以前小）。

【问题讨论】：

更新：我这个问题的来源是我有两个没有设置大小的字段，在 IE 中，它们以不同的形式出现并且具有不同的宽度。最近，我对该页面进行了一些更改，发现根本原因是 IE 似乎对 type="text" 和 "type=password" 有不同的默认宽度。即使是相同的形式，即使没有 CSS。

【解决方案1】：

在 IE6 和 7 中，它似乎也为 20。如果不了解您的测试条件或结果的更多信息，很难说出为什么您会遇到“可变”的默认大小。

“大小”属性将始终相对于样式中设置的字体大小进行渲染。例如。 10 号字体的“20”不同于 20 号字体的“20”，因为“大小”与字符宽度有关。如果您想要硬/静态宽度，请使用 width css 属性。

【讨论】：

【解决方案2】：

默认大小为 20。要增加大小，请使用“大小”

【讨论】：