input元素 size属性和 width 的区别

size 和 width 都可以设置输入框的可见宽度。但是二者还是有一定的区别的。

input元素的 size属性规定的是以字符数计算 <input> 元素的可见宽度。

注意：

size 属性适用于以下几种 inpute  类型：text、search、tel、url、email 和 password。

如果想规定 input 元素允许输入的最大字符数，使用的是 maxlength 属性。

属性值

数字（unmber）：规定以字符数计的 input 元素的宽度。默认值是 20

style=‘width‘  则是直接规定input 的宽度  (行内样式)

如果 size 和 style=‘width：20px‘ 同时使用的时候，最终输入框的长度还是由 style=‘width：20px‘ 来决定。

实例：

size=‘40‘

style= ‘ width:400px ‘

size=‘40‘ 和  style=‘width：400px‘ 同时使用

input元素 size属性和 width 的区别

原文：https://www.cnblogs.com/nyw1983/p/12119768.html