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

本文介绍了输入类型“数字”将不会调整大小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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