为什么我用于HTML输入的Size属性不影响其宽度?
我得到了这个html:为什么我用于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&
<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;
}
现在,我的输入号码小部件如下所示: