下面的 size 属性没有任何作用。为什么？
<input type="text" size="80" placeholder="blablabla bla lba bla bla bla blabla bla bla bla lba">
它默认为 60 个字符，我似乎无法改变它。
问问题
10838 次
5 回答
1
使用textarea元素而不是input元素：
<textarea cols="80" rows="1" style="overflow: visible" placeholder=
"blablabla bla lba bla bla bla blabla bla bla bla lba"></textarea>
这会产生更一致但不完全一致的渲染。该设置overflow: visible是为了让 IE 为 80 个字符保留空间，否则由于垂直滚动条，只能容纳 79 个字符。
为什么会出现问题input：
该属性size="80"将字段的可见宽度设置为 80 个字符的“平均”宽度。这没有完全定义（什么是“平均”？），浏览器甚至不合逻辑地实现它：使用size="80"往往给出的宽度比 20 个字符的默认宽度的 4 倍要小得多。所以浏览器甚至不一致。比例取决于字体和浏览器。（这也发生在其他浏览器上。）
如果您需要继续使用input：
您可以使用style="width: 80ch"，但并非所有浏览器都支持此 CSS3 功能，并且不能保证它已正确实现。根据ch定义，单位是数字零的前进宽度，'0'，在大多数字体中与一般数字的前进宽度相同。（例如，Firefox 几乎正确地实现了这一点。几乎，但不完全。）
您可以将<input>元素中的字体设置为某些等宽字体。这不会消除问题，但会使宽度更接近指定的宽度。
于 2012-04-08T04:48:44.713 回答
0
如果您想知道为什么可以输入60 个字符，那么决定多少个字符的属性称为maxlength：
最长长度
如果 type 属性的值为 text、email、search、password、tel 或 url，则该属性指定用户可以输入的最大字符数（以 Unicode 码位表示）；对于其他控件类型，它被忽略。它可以超过 size 属性的值。如果未指定，用户可以输入不限数量的字符。指定负数会导致默认行为；也就是说，用户可以输入无限数量的字符。仅当属性的值已更改时才评估约束。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input
大小仅决定字符的宽度，而不是用户可以输入的数量。
于 2014-11-21T16:28:48.903 回答
0
从 Mac OS Lion 上的 Google Chrome 26 开始，不支持“ch”单元。
在使用内联样式“宽度：16ch”检查元素时，该样式被标记为“无效属性值”。其他常用单位（pt、px、em、%）也可以接受。
于 2013-04-12T22:31:07.853 回答
0
我遇到了同样的问题，在尝试了很多其他解决方案之后，我通过在输入字段中添加宽度来解决这个问题。
input {
width:90px; /* Your width may vary */
}
于 2017-01-16T07:08:53.113 回答