输入类型“数字”将不会调整大小

问题描述:

为什么当我将类型更改为 type =number时,我的输入不会调整大小,但它适用于 type =text

Why won't my input resize when I change the type to type="number" but it works with type="text"?

示例

    Email: <input type="text" name="email" size="10"><br/>
  number: <input type="number" name="email" size="10">


看起来像 input type number 不支持 size 属性,或者它与浏览器不兼容,您可以设置它通过CSS代替:

Seem like the input type number does not support size attribute or it's not compatible along browsers, you can set it through CSS instead:

input[type=number]{
    width: 80px;
} 

更新小提琴

Updated Fiddle