Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么我用于HTML输入的Size属性不影响其宽度?_Html_Twitter Bootstrap_Html5 Input Number - Fatal编程技术网

为什么我用于HTML输入的Size属性不影响其宽度?

为什么我用于HTML输入的Size属性不影响其宽度?,html,twitter-bootstrap,html5-input-number,Html,Twitter Bootstrap,Html5 Input Number,我得到了这个html: <h5> Select IMDB Rating </h5> <input type="radio" id="rdbtnAllIMDB"</input> <label for="rdbtnAllIMDBA">All</label> <p><input type="radio" id="rdbtnGOE&

我得到了这个html:

<h5>
Select IMDB Rating
</h5>
<input type="radio" id="rdbtnAllIMDB"</input>
<label for="rdbtnAllIMDBA">All</label>
<p><input type="radio" id="rdbtnGOE" checked="checked"</input>
<label for="rdbtnGOE"> >= </label>
<input type=number step=0.1 value="7.5" size="4"</input></p>
…而且,虽然设置为大小4,但输入数字相当宽:

…并且它不会随着给定大小值的改变而改变

添加小尺寸值的相同技巧效果很好

我做错了什么?

输入大小的定义来自:

仅对电子邮件、密码、电话和文本输入类型有效。指定 显示输入的多少。基本上产生的结果与 使用一些特殊功能设置CSS宽度属性。实际单位 该值取决于输入类型。对于密码和文本,它是一个 默认值为20的字符数或em单位数,以及 其他的,是像素。CSS宽度优先于大小属性


因此,对于type=number的输入不起作用。您没有看到更改的原因是您必须设置最小值和最大值。如果不设置最小值和最大值,此输入框将设置其宽度,以便可以完全看到最大限制数。 size属性将帮助您根据上述相同的概念设置输入框的宽度,即不丢失输入框中值的视图端口。但是,当step函数与输入类型number一起使用时,它将不受支持。 选择IMDB额定值
正如95faf8e76605e973显然是威尔士人或芬兰人所说的,你不能从那里到达那里

不过,这种CSS是有效的:

input[type=number] {
  width: 64px;
}
现在,我的输入号码小部件如下所示: