输入类型“数字"不会调整大小 [英] Input type "number" won't resize

问题描述

当我将类型更改为 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 类型 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;
} 

更新小提琴

这篇关于输入类型“数字"不会调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！